div+css布局与样式

1、网页设计与制作刘瑞新 吴丰 主编机械工业出版社第2章 HTML与XHTML语言基础机械工业出版社机械工业出版社2.1 HTML与与XHTML是什么是什么 HTML（超文本标签语言）和XHTML（可扩展超文本标识语言）都是一种用于文档布局和超文本链接规范的语言。它定义了许多带有语义的命令，虽然浏览器中不会显示这些命令，但是它们可以告诉浏览器如何显示文档内容（如文本、图片和其他媒体等）。这种语言还可以通过超文本链接把用户的文档与其他互联网资源联系起来。机械工业出版社机械工业出版社2.2 HTML2.2.1 HTML基本知识1什么是什么是HTML文档文档HTML文档包含HTML标签和纯文本，它被We

2、b浏览器读取并解析后以网页的形式显示出来，所以HTML文档又被称为网页。2什么是什么是HTML标签标签标签（tag，也称标记）是用一对尖括号“”括起来的单词或单词缩写，它是HTML文档的主要组成部分。每个标签都有特定的描述功能，HTML文档就是通过不同功能的标签来控制Web页面内容的。百度搜索机械工业出版社机械工业出版社2.2 HTML2.2.2 HTML文档的基本结构机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.1 标题标签1标签标签标签位于与中，用于标示文档标题，但文本内容不会出现在网页中，而是出现在大多数浏览器的左上角。这里是标题title标签的实例应用机械工业出版社机械工

3、业出版社2.3 常用标签常用标签2.3.1 标题标签2h系列标签系列标签标题示例这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.1 标题标签2h系列标签系列标签标题示例这是一级标题这是二级标题这是三级标题这是四级标题这是五级标题这是六级标题3标签标签机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.2 区段格式标签1标签标签段落元素由 p 标签定义。这里是段落。这里是段落。这里是段落。这里是段落。 这里是段落。 这里是段落。机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.2 区段格式标签2

4、标签标签早发白帝城朝辞白帝彩云间， 千里江陵一日还。 两岸猿声啼不住， 轻舟已过万重山。机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.2 区段格式标签3标签标签朝辞白帝彩云间，千里江陵一日还。通过HTML：通过CSS：机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.3 列表标签1无序列表无序列表标签标签2有序列表有序列表标签标签3定义列表定义列表标签标签4标签标签机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.2 区段格式标签1标签标签 标签允许在当前的文本流中引入或插入图形图像。在标签的前后没有设定任何换行符或者段落分隔符，所以图像会真正地“内联”在文本

5、中。该标签在HTML中没有结束标签，而在XHTML中则需在最后一个字符后面加上斜线标记来关闭标签。（1）src属性（2）alt属性（3）width属性和height属性（4）align属性机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.2 区段格式标签2标签标签 标签可以设置背景音乐，只适用于Internet Explorer文档。标签最常用的替代品是标签，而标签后来又被HTML和XHTML标准中的标签所取代。机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.5 超链接标签 单击这里 将指向本网站中的一个页面的链接。单击这里 将指向互联网上的页面的链接。 单击这里 将指向

6、本页面中的一个锚点链接。这里设置了一个锚点名称为abc的锚点。 超链接（hyperlink），或者按标准的叫法称为锚，它是使用标签标记的，可以用两种方式表示，一是通过使用标签的href属性来创建超文本链接，以链接到同一文档的其他位置或其他文档中，在这种情况下，当前文档就是链接的源，href属性的值就是URL的目标；二是通过使用标签的name属性或id属性在文档中创建一个文档内部的书签。机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.6 表格标签1标签标签（1）border属性（2）cellspacing属性（3）cellpadding属性2标签标签 标签用于定义表格中的行。标签中可

7、以放置一个或多个单元格，单元格又包括标签定义的表头，以及由标签定义的数据。表格中每一行单元格的数据，都与最长的单元格数据相同。3与与标签标签 在标签内部，与标签会在一行中创建单元格及其内容。标签定义表格内的表头单元格，在th元素内的文本通常会以粗体显示；标签用于定义HTML表格中的标准单元格。机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.7 表单标签1标签标签（1）action属性（2）method属性（3）id属性和name属性2标签标签（1）type=text单行文本输入框（2）type=password密码输入框（3）type=checkbox复选框（4）type=radi

8、o单选按钮（5）type=file文件域（6）type=hidden隐藏字段（7）type=submit提交按钮机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.7 表单标签3标签标签4标签标签5标签标签（1）value属性（2）selected属性机械工业出版社机械工业出版社2.3 常用标签常用标签2.3.8 注释 为文档添加注释的意义在于方便Web设计人员阅读和分析代码，并且具有备忘的作用。在注释中出现的内容不会显示在网页中，而会被浏览器忽视掉。机械工业出版社机械工业出版社2.4 XHTML2.4.1 XHTML的基本结构机械工业出版社机械工业出版社2.4 XHTML2.4.2 XHTML语法规则1所有的标签都必须关闭，即便是空标签也必须关闭2所有标签的属性必须是小写3所有标签的属性值必须用英文格式的双引号括起来4所有标签都必须合理嵌套5特殊字符需用编码表示6明确属性值，且不能简写7用id属性代替name属性机械工业出版社机械工业出版社2.4 X