网页的基本结构和段落、文字标记.pptx

网页设计与制作教程(第2版)机械工业出版社同名教材

配套电子教案

第2章网页的基本结构和段落、文字标记2.1网页的创建过程2.1.1编辑和保存网页2.1.2预览网页2.1.3发布网页2.2HTML文件的基本结构2.2.1标记及其属性2.2.2HTML文件的基本结构2.2.3文件结构的格式标记2.3标题文字标记2.4段落标记2.4.1注释标记2.4.2强制换行标记2.4.3强制换段标记2.4.4显示预排格式标记2.4.5分区显示标记2.4.6水平线2.5文字标记2.5.1设置文字的大小2.5.2设置字体2.5.3设置字型2.5.4设置文字的颜色习题2

2.1网页的创建过程2.1.1编辑和保存网页2.1.2预览网页通过编辑可以得到一个.html文档，要想使这个文档显示出网页的样子，就要使用浏览器进行预览。下面以使用InternetExplorer浏览器为例浏览.html文档。1)启动InternetExplorer4.0及以上版本。2)从InternetExplorer的“文件”菜单中选择“打开”命令，则显示“打开”对话框，如图2-3所示。3)在“打开”列表框中输入要打开文档的路径和名字，然后单击“确定”按钮。或者，在图2-4中单击“浏览”按钮，打开搜寻对话框，如图2-4所示。

从“搜寻”下拉列表框中选择文档路径，单击要打开的文件，然后单击“打开”按钮；或者直接双击该文件。这时将重新显示“打开”对话框，如图2-5所示。在“打开”对话框中单击“确定”按钮，将会看到该.html文件的显示效果，如图2-6所示。在浏览器中可以看到，HTML文件中任何一个以上的空格、〈Enter〉、〈Tab〉键产生的效果都将被忽略。2.1.3发布网页图2-5选中文件后的“打开”对话框图2-6在InternetExplore中浏览网页

2.2HTML文件的基本结构2.2.1标记及其属性1.标记格式为：标记受标记影响的内容/标记2.标记的属性格式为：标记属性1=属性值属性2=属性值…受影响的内容/标记2.2.2HTML文件的基本结构HTML文件是一种纯文本格式的文件，HTML文件的基本结构为：HTMLHEADTITLE网页的标题/TITLE/HEADBODY网页的内容/BODY/HTML

2.2.3文件结构的格式标记1.HTML文档标记HTML…/HTMLHTML文档标记的格式为：HTMLHTML文档的内容/HTML2.HTML文件头标记HEAD…/HEADHTML文件头标记的格式为：HEAD头部的内容/HEAD3.HTML文件标题标记TITLE…/TITLEHTML文件标题标记的格式为：TITLE标题名/TITLE4.HTML文件主体标记BODY…/BODYHTML文件主体标记的格式为：BODYbgcolor=颜色值background=文件名text=颜色值link=颜色值vlink=颜色值alink=颜色值网页的内容/BODY

2.3标题文字标记标题文字标记的格式为：Hnalign=对齐方式标题文字/Hn2.4段落标记2.4.1注释标记注释标记的格式为：!--注释内容--2.4.2强制换行标记强制换行标记的格式为：文字BR2.4.3强制换段标记1.强制换段标记强制换段标记的格式为：文字P一个强制换段标记P可以看作是两个强制换行标记BRBR。

012.设置段落标记设置段落标记的格式为：Palign=对齐方式文字/P022.4.4显示预排格式标记显示预排格式标记的格式为：PRE预先排好的格式/PRE在预排格式中，仍可以用HTML语言对文字的格式进行设置，如文字的颜色、大小等。032.4.5分区显示标记分区显示标记的格式为：DIValign=left|center|right文本或图像/DIV042.4.6水平线水平线标记的格式为：HR