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

网页设计与制作教程(第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.标记的属性格式为：受影响的内容2.2.2HTML文件的基本结构HTML文件是一种纯文本格式的文件，HTML文件的基本结构为：网页的标题网页的内容,2.2.3文件结构的格式标记1.HTML文档标记HTML文档标记的格式为：HTML文档的内容2.HTML文件头标记HTML文件头标记的格式为：头部的内容3.HTML文件标题标记HTML文件标题标记的格式为：标题名4.HTML文件主体标记HTML文件主体标记的格式为：网页的内容,2.3标题文字标记标题文字标记的格式为：标题文字2.4段落标记2.4.1注释标记注释标记的格式为：2.4.2强制换行标记强制换行标记的格式为：文字2.4.3强制换段标记1.强制换段标记强制换段标记的格式为：文字一个强制换段标记可以看作是两个强制换行标记。,2.设置段落标记设置段落标记的格式为：文字2.4.4显示预排格式标记显示预排格式标记的格式为：预先排好的格式在预排格式中，仍可以用HTML语言对文字的格式进行设置，如文字的颜色、大小等。2.4.5分区显示标记分区显示标记的格式为：文本或图像2.4.6水平线水平线标记的格式为：,2.5文字标记2.5.1设置文字的大小设置文字的大小的格式为：被设置的文字2.5.2设置字体2.5.3设置字型2.5.4设置文字的颜色1.标记中的text属性格式：受影响的文字2.标记中的color属性格式为：受影响的文字,习题22.1创建一个简单的网页，要求网页的标题是“个人简介”，网页文本内容自定义，保存到以自己名字命名的文件夹中，HTML文件名为index.html。2.2写出HTML文件的总体结构。在HTML文档中，有头标记和无头标记的区别有哪些？标题标记在网页中有何作用？2.3在网页中由于有些特殊符号不能直接显示，所以使用替换字符。如果不使用替换字符，用全角字符能够直接显示这些特殊字符吗？2.4用标记制作一张具有多种色彩的网页。2.5在IE浏览器，怎样查看网页的HTML源文件。2.6制作如图2-22所示的网页，要求章为标题H2，居中，黑体，红色；节