《HTML超文本标签语言》.doc

HTML超文本标签语言 姓名：赵红 日期：2010.4.15  文档说明 该文档是本人学习路由器WebUI阶段,对HTML超文本标签语言的总结,只是笔记形式的不是很系统,如有不足或理解偏差之处,还请各位批评指正! 标签是HTML的核心,本文主要列举了一些常用的标签,给出了每组标签应用实例的HTML代码供参考.  目录 1 初识HTML网页设计 1 2 HTML元素 1 3 HTML标签 1 3.1 基本的HTML标签 2 3.2 HTML链接 2 3.3 表单标签 3 3.4 列表标签 5 3.5 表格标签 6 4 HTML样式(CSS) 7 4.1 外部样式表 7 4.2 内部样式表 7 4.3 内联样式 7 5 HTML脚本(JavaScript) 8 6 HTML综述 8 初识HTML网页设计 HTML(Hypertext Markup Language)即超文本标签语言,是WWW的描述语言.HTML语言好似Web文档的规范,它使用各种HTML标签来设置网页显示格式. 第一个HTML网页: 就像初识VC的第一个HelloC程序一样,我们编一个最简单的网页,以给出像我这样的初学者一个直观的印象. html head title页面的标题/title /head body p这是我的第一个页面。 b这是粗体文本。/b/p /body 在记事本中敲入上段代码,保存为.html文件,在浏览器中打开该.html文件,则会在浏览页显示: HTML元素 HTML文档是由HTML元素构成的文本文件. HTML元素是通过使用HTML标签定义的. 上面例子中:　b这是粗体文本。/bb开始 HTML标签 HTML 标签是用来标记 HTML 元素的。 HTML 标签被 和 符号包围。 这些包围的符号叫作尖括号。 HTML 标签是成对出现的。例如 b 和 /b。 位于起始标签和终止标签之间的文本是元素的内容。 HTML 标签对大小写不敏感，b 和 B 的作用相同的。 标签 描述 html 定义 HTML 文档。 body 定义文档的主体。 h1 to h6 定义标题 1 至标题 6。 p 定义段落。 br 插入折行。 hr 定义水平线。 !-- 定义注释。 网页效果： HTML链接 锚标签Href 属性 HTML 使用 a （锚）标签来创建连接另一个文档的链接。 锚可以指向网络上的任何资源：一张 HTML 页面，一幅图像，一个声音或视频文件等等。 H 使用 Target 属性，你可以定义被链接的文档在何处显示。 Name 属性用于创建被命名的锚（named anchors）。当使用命名锚（named anchors）时，我们可以创建直接跳至页面中某个节的链接，这样使用者就无需不停的滚动页面来寻找他们需要的信息。 网页效果: 表单标签 标签 描述 form 定义供用户输入的表单 input 定义输入域 textarea 定义文本域 (一个多行的输入控件) label 定义一个控制的标签 fieldset 定义域 legend 定义域的标题 select 定义一个选择列表 optgroup 定义选项组 option 定义下拉列表中的选项 button 定义一个按钮 form input type=”” /input /form 输入类型是由类型属性(type)定义的. 经常被用到的输入类型如下: 文本域,单选框,复选框,下来表单,按钮表单,绘制带标题的框: 注:单选框中的几个选择项根据name确定为一组,一组选择中只能有一项被选择,如果不指定为同样的name,则无法实现确定为一组. 网页效果: 表单的动作属性(Action)和确认按钮: 用户单击确认按钮时,表单的内容会被传送到另一个文件.表单的动作属性定义了目的文件的文件名.由动作属性定义的这个文件通常会对接收到的输入数据进行相关的处理. 代码举例: 网页效果: 列表标签 标签 描述 ol 定义有序列表。 ul 定义无序列表。 li 定义列表项。 dl 定义定义列表。 dt 定义定义项目。 dd 定义定义的描述。 注:无序列表使用ul标签,该标签可以使用type注明列表的符号, type=”disc”,”circle”,”square”分别为圆点,圆圈,方点. 网页效果: 表格标签 表格 描述 table 定义表格 caption 定义表格标题。 th 定义表格的表头。 tr 定义表格的行。 td 定义表格单元。 thead 定义表格的页眉。 tbody 定义表格的主体。 tfoot 定义表格的页脚。 col 定义用于表格列的属性。 colgroup 定义表格列