(附加一)HTML的设计和应用.ppt

7.2 建立锚点和超链接 a标签 -- 代表HTML链接 a,是anchor(锚)的第一个字母，a标签是成对出现的,即a…/a。 常用属性： href -- 代表一个url链接源(就是链接到什么地方) url除了是网页外,还可以是其它的文件(如文本文件,pdf文件等)。 url还可以是指向HTML文件中的一个位置。 url还可以是Email地址。 target -- 用来指出哪个窗口或框架应该被此链接打开 target=_blank： 将链接内容在新的浏览窗口中打开。? target=_parent：将链接的内容，当成文件的上一个画面。? target=_self： 将链接的内容，显示在目前的窗口中。? target=_top：这个参数可以解决新内容被旧框窗包围的困扰，使用这参数，会将整个画面重新显示成链接的画面内容。 title -- 代表链接的附加提示信息 链接语法： a href=url target=_blank显示的文字/a 定位网页内部的链接（锚点链接）： 用a name=“”定义，例如：a name=“here1”第一部分/a，使用a href=“#here1”跳转到第一部分/a超链接就可以定位到网页中的“第一部分”这个位置。 注意：a href=“#”…/a与a href=“”…/a的区别 URL(Uniform Resource Locator)的基本组成： 协议名://主机名:端口号/资源名。 例如：　:8080/index.html 为URL指定参数 例如：/register.html?name=zhangsanpassword=123 带有定位标记的URL 例如：/index.html#section2 超链接范例: 网站链接：a href=PHP专家/a 电子邮件链接：a href=mailto:lamp@126.com写信给我/a ftp链接： a href=下载档案/a 有三种类型的链接路径： 绝对路径（例如 /index.html） 文档相对路径（例如 adver/contents.html） 站点根目录相对路径（例如 /support/app/customer.html，其中“/”表示根目录） 链接路径 文档相对链接alex/blue.html Root folder photo WWW home.html alex 根文件夹相对链接 /photo/alex/blue.html 绝对链接/photo/alex/blue.html index.html blue.html 8. 使用HTML表格 8.1 表格标签常见标签 8.2 表格标签常见属性 8.3 综合示例 8.1 表格中常用标签 标签 描述 table 代表HTML表格，table是成对出现的,以table开始,以/table结束 caption 用于定义表格标题的位置，可由align和valign属性来设置。 tr 代表HTML表中的一行，此标签也要求成对出现。 th 代表HTML表格中的表头，一般位于表格的首行。要求成对。 td 代表HTML表格中的一个单元格。用于存放具体数据内容。 编号 … 姓名 年龄 备注 1 … 小王 20 2 … 小李 21 … … … … … 列 行 单元格 表格的基本结构： 表格首行为表头 表格的基本语法 table border=1 tr td 单元格内容 /td …… /tr …… /table td…/td 定义列 tr…/tr 定义行 table…/table 定义表格 border用来设置表格边框尺寸大小 8.2 表格标签常见属性 table标签属性: width -- 代表表格的宽度 height -- 代表表格的高度 border -- 代表表格边框(此属性应该使用CSS实现) cellspacing -- 代表表格边框与表格内容填充的距离,也是内容填充之间的距离(此属性应该使用CSS实现) cellpadding -- 代表内容填充的宽度(此属性应该使用CSS实现) th、td标签属性： width与height – 代表宽度与高度 colspan -- 一行跨越多列 rowspan -- 一列跨越多行 align -- 代表水平对齐方式(left(左对齐) | center(居中对齐) | right(右对齐) | justify)(此属性应该使用CSS实现) valign -- 代表垂直对齐方式(top(顶部对齐) | middle(中部对齐) | bottom(下部对齐) | baseline(基线对齐))(此属性应该使用CSS实现) tr标签属性： align与valign具