HTML语言摘要.pptVIP

6.4 超链接标签 超链接概念 链接是超级链接的缩写,英文是hyperlink。HTML中的H就是hypertext的缩写，超文本的意思。超文本链接语言（网页）的精髓就是链接，通过链接才可以把世界各地的网页链到一起，成为互联网。 链接语法 超级链接a标记代表一个链接点，是英文anchor（锚点）的简写。它的作用是把当前位置的文本或图片连接到其他的页面、文本或图像，语法结构如下： a href=url 显示的文字/a HTML超链接类型 HTML超链接包括绝对链接与相对链接两类 第*页 应用技巧 提供下载文件 在新窗口中打开链接的网页 鼠标移到链接，显示一行说明文字 鼠标移到一个链接上弹出一个窗口 链接到本页的指定内容 链接到其它页面的指定内容位置 链接到E_mail 链接到图像 第*页 应用技巧 例 6-25 链接到图像。 第*页 主要内容 6.1　HTML基础 6.2　文本标签 6.3　图像标签 6.4　超链接标签 6.5　表格标签 6.6　表单标签 6.7　列表标签 6.8　其它标签 6.9　本章小结 第*页 　 6.5 表格标签 表格是 html的一项非常重要功能，利用其多种属性能够设计出多样化的表格。使用表格可以使页面有很多意想不到的效果，使页面更加整齐美观。 表格的基本结构 第*页 表格标签及属性 Table标签 Table标签表示一个表格的开始。 tr标签与td标签 tr标签表示表格的一行，td标签表示表格的一个单元格。 表格标签的实例 第*页 主要内容 6.1　HTML基础 6.2　文本标签 6.3　图像标签 6.4　超链接标签 6.5　表格标签 6.6　表单标签 6.7　列表标签 6.8　其它标签 6.9　本章小结 第*页 　 6.6 表单标签 表单在HTML页面中起着重要作用，它是与用户交互信息的主要手段。一个表单至少应该包括说明性文字、用户填写的表格、提交和重填按钮等内容。用户填写了所需的资料之后，按下“提交资料”按钮，这样所填资料传到Web服务器上。网页的设计者随后就能在Web服务器上看到用户填写的资料，从而完成了从用户到作者之间的反馈和交流。 第*页 表单中的元素 Button：普通按钮 radio：单选按钮 checkbox：复选框 select：下拉式菜单 text：单行文本框 textarea：多行文本框 submit：提交按钮 reset：重填按钮 第*页 设计表单标记 form表单标记 input表单输入标记 select下拉菜单标记 option选项标记 textarea多行文本输入标记 第*页 主要内容 6.1　HTML基础 6.2　文本标签 6.3　图像标签 6.4　超链接标签 6.5　表格标签 6.6　表单标签 6.7　列表标签 6.8　其它标签 6.9　本章小结 第*页 　 6.7 列表标签 在html页面中，合理的使用列表标记可以起到提纲和格式排序文件的作用。列表分为两类，一是无序列表，一是有序列表，无序列表就是项目各条列间并无顺序关系，纯粹只是利用条列来呈现资料而已，此种无序标记，在各条列前面均有一符号以示区隔。而有序条列就是指各条列之间是有顺序的，比如从1、2、3，一直延伸下去。 第*页 无序列表UL 无序列表不用数字标签每个列表项，而采用一个符号标志每个列表项，比如黑圆点、小方块等。无序列表使用的一对标记是ul/ul，每一个列表项前使用li。 例 6-27 无序列表的显示方式 第*页 有序列表OL 有序列表和无序列表的使用格式基本相同，它使用标记ol/ol，每一个列表项前使用li。 例 6-28 有序列表的显示方式 第*页 定义列表 定义列表通常用于术语的定义和解释。定义列表由dl标签开始，dt标签的含义是定义题目，即定义了列表中的项目。术语的解释用dd定义，即dd标签的含义是定义描述。 例 6-29 定义列表的显示方式 第*页 主要内容 6.1　HTML基础 6.2　文本标签 6.3　图像标签 6.4　超链接标签 6.5　表格标签 6.6　表单标签 6.7　列表标签 6.8　其它标签 6.9　本章小结 第*页 　 6.8 其它标签 div和span 多视窗口框架 第*页 div和span div和span标签的作用都是用于定义样式的容器，本身没有具体的显示效果，由其style属性或CSS样式来定义，不过两者在使用方法上存在着很大的差别。 例 6-30 div和span标签的区别。 第*页 多视窗口框架 框架就是把一个浏览器窗口划分为若干个小窗口，每个窗口可以显示不同的 URL 网页。使用框架可以非常方便的在浏览器中同时浏览不同的页面效果，也可以非常方便的完成导航工作。 而所有的框架标记要放在一个 html 文档