网页设计 HTML简介.ppt

1、第2章HTML(XHTML)基础，培训目标：复习上学期学过的网站安装知识，并实际使用。熟悉HTML的概念、结构和用途，并初步了解如何使用HTML剪辑工具。了解HTML通用标签的作用和用法。实际上，您将学习如何编写第一个HTML页面。教育重点和难点：HTML档案基本结构和编写DW编辑器的基本使用；1；网站的操作环境和操作程序；操作环境：1；服务器端需要安装网络信息服务器(IIS)网络信息服务器。2、客户端必须安装浏览器(例如Internet Explorer缩写IE)。3、运行流程：图示如下：向服务器方发送请求，向客户机发送数据，使用超文本传输协议(HTTP)操作，HTML文档的定义和功能HTM

2、L是HyperText标记语言的缩写，称为超文本段宜恩语言。HTML不是程序，不是图片混杂的排版软件，只是控制网页内容显示的文本类型的标识语言。HTML是纯文本类型的文件，可以使用任何文本编辑器编写，也可以通过浏览器解释运行。2、HTML简介和基本结构、HTML文档基本结构、档案开始、档案结尾、标题区域、档案标题、档案正文区域、文件中的可见内容、*档案标题的内容在浏览器打开时不可见。*档案正文内容可以在浏览器中查看，可见部分的代码必须写入区域。HTML文档语法(1)单个标记：在适当位置插入标记的格式。例如，标记意味着在标记位置插入换行符。注：在XHTML中，单个标记作为(2)双标记创建。也就是

3、说，它包含由要控制的内容组成的第一个和最后一个标记，并且仅适用于嵌入的档案部分。(3)标记属性：可以通过在单标记或双标记的第一个标记中设置某些属性来增强标记功能。格式保持不变。*注意不要省略属性中的双引号。*标签徐璐嵌套，构成整个文档。*不要忘记忽略单标记和双标记或将其设置为默认值。* web显示速度与web代码的质量非常相关。三、HTML常规标记、1、标题标记：格式：功能：设置浏览器标题栏的标题。2、页面的正文标签：格式：属性：文本、背景、bgcolor、leftmargin、topmargin。作用中的：必须放置要显示在浏览器中的内容。3，换行符：格式：活动：使标记后面的内容从下一行开始显

4、示。4、强制换行标签：格式：角色：将不可分割的单词和短语放在同一行上。5，段控制标记：格式：属性：align(left，center，right)角色：用于区分文本的不同段落。6.按原样显示(预格式化)文字标签：格式：功能：要在通过浏览器显示时显示源代码的排版效果，可以按原样显示文字标签。7，居中对齐标签：格式：活动：与之间的内容水平居中对齐。8，标题文本标记：格式：属性：align(left，center，right) * n的范围为16，值为1表示字体大小最大。值6表示字体大小最小。9，文本格式控制标记：格式：属性：face(宋体、黑体、伯纳)、size(17)、color(颜色代码)*c

5、olor的值以6位十六进制表示，10(威廉莎士比亚、哈姆雷特、水平线、水平线、水平线、水平线、水平线、水平线)如下表所述，标签的属性为(size、width、align、color和noshade)。12，插入图像标记格式：属性：src:图像存储位置设置宽度：以px单位设置图像宽度。Height:以px单位设置图像高度。Align:将图像与周围内容对齐的方式设置为left、right、top、middle和bottom值。Alt:设置将鼠标光标移动到图像上时显示的提示信息。Border:设置图像的边框宽度(以px为单位)。Vspace:设置图像和周围内容之间的垂直间距(以px为单位)。Hspa

6、ce:设置图像和周围内容之间的水平间距(以px为单位)。13，表标签，(1)表结构：(2)表行：(3)单元格：*一个表由开始、结束、表内容和定义和组成。表中的一行，表示表中的行数。表格中有几个“网格”。标签属性：1，border:表格边框粗细，值数字，以像素为单位。2、bordercolor:值为颜色代码的表边框颜色。3，bordercolorlight:表的浅边框颜色，值为颜色代码。4、bordercolordark:表格的深色边框颜色，值为颜色代码。5，宽度：值为数字或百分比数字的表格宽度(单位为像素或百分比)。6，height:值为数字或百分比数字的表高度(单位为像素或百分比)。7，al

7、ign: Left、Center、Right值的表格放置位置。8，bgcolor:值为颜色代码的表格背景颜色。9，background:表格背景影像，这是储存影像的路径。10，cellspacing:数值为数字的单元格和单元格之间的空格。11，cellpadding:单元格内容和单元格边框之间的空格(数字值)。标签属性：1，height:表格行高、数字或百分比数值，单位为像素或百分比。2，bgcolor:表格列背景颜色，值为颜色代码。3，align:在表格列中放置内容的水平位置(Left、Center、Right)。4，valign:在表格列中放置内容的垂直位置(Top、Middle、Bott

8、om)。5，bordercolor:表行边框颜色，值为颜色代码。6，bordercolorlight:表行的浅边框颜色，值为颜色代码。7、bordercolordark:表行的深色边框颜色，值为颜色代码。标签的属性1，bordercolor:单元格边框颜色，值为颜色代码。2，bgcolor:储存格背景颜色，值为颜色代码。3，background:单元格背景图像，值是存储图像的路径。4，width:单元格宽度，值是数字或百分比数字，单位是像素或百分比。5，height:单元高度。值是数字或百分比数字，单位是像素或百分比。6，rowspan:行之间(行合并)，值为数字。7，colspan:值为数字

9、的列之间(列合并)。8，align:具有值(Left、Center、Right)的单元格内容布局的水平位置。9，valign:值为(Top，Middle，Bottom)的储存格内容配置的垂直位置。10，bordercolorlight:单元格浅边框颜色，值为颜色代码。11，bordercolordark:值为颜色代码的单元格的深色边框颜色。表格中使用的指示：1，排版位置中使用的表格对齐方式为预设或中央。2、在使用表的同时，建议使用表嵌套，尽可能少地使用交叉行交叉列。3、最好从外部向内部使用表格，以绝对值(像素)显示外部表格宽度，以相对值(百分比)显示内部表格宽度。4、设定表格中字元格的宽度时，未设定一列中一个或多个字元格的宽度。14，超连结