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

2.1 网页的创建过程 2.1.1 编辑和保存网页 2.1.2 预览网页 1) 启动Internet Explorer 4.0及以上版本。 2) 文件 — 打开，则显示“打开”对话框，如图2-3所示。 3) 在“打开”列表框中输入要打开文档的路径和名字，然后单击“确定”按钮。 或者，在图2-4中单击“浏览”按钮，打开搜寻对话框，如图2-4所示。 2.2.2 HTML文件的基本结构 HTML HEAD TITLE 网页的标题 /TITLE /HEAD BODY 网页的内容 /BODY /HTML 表2-1 颜色代码表(1) 表2-1 颜色代码表(2) 颜色的使用 color = black color = #000000 color = red color = #FF0000 color = yellow color = #FFFF00 表2-3 设置各种字型的标记 思考一：如何表示H2SO4? FONT HSUB2/SUBSO SUB4/SUB /FONT 2.5.4 设置文字的颜色 1. BODY标记中的text属性 BODY text=颜色 文字 /BODY 2. FONT标记中的color属性 FONT color=颜色 文字 /FONT 3. BODY与FONT同时定义color属性时， FONT优先 表2-4 特殊替换字符 作业2-6评讲 HTML代码方式 正文采用预排版方式 PRE/PRE Hn align=对齐方式标题文字/Hn 的实现 lt;Hn align=对齐方式gt;标题文字lt;/Hngt; * 网页设计与制作教程(第2版) 机械工业出版社 第2章 网页的基本结构和 段落、文字标记 2.1 网页的创建过程 2.1.1 编辑和保存网页 2.1.2 预览网页 2.1.3 发布网页 2.2 HTML文件的基本结构 2.2.1 标记及其属性 2.2.2 HTML文件的基本结构 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 选择要打开的文件，然后单击“打开”-“确定” ，将会看到该.html文件的显示效果，如图2-6所示。 在浏览器中可以看到，HTML文件中任何一个以上的空格、〈Enter〉、〈Tab〉键产生的效果都将被忽略。 2.1.3 发布网页 图2-5 选中文件后的“打开”对话框 图2-6 在Internet Explore中浏览网页 2.2 HTML文件的基本结构 2.2.1 标记及其属性 1.标记 格式为： 标记 内容 /标记 2. 标记的属性 格式为： 标记 属性1=属性值 属性2=属性值 … 内容 /标记 2.2.3 文件结构的格式标记 1. HTML文档标记 HTML 内容 /HTML 2. HTML文件头标记 HEAD 头部的内容 /HEAD 3. HTML文件标题标记 TITLE 标题名 /TITLE 4. HTML文件主体标记 BODY bgcolor=颜色值 background=文件名 text=颜色值 link=颜色值 vlink=颜色值 alink=颜色值 网页的内容 /BODY 2.3 标题文字标记 Hn align=对齐方式 标题文字 /Hn n={1，2，3，4，5，6} 2.4 段落标记 2.4.1 注释标记 !-- 注释内容 -- 2.4.2 强制换行标记 文字 BR 2.4.3 强制换段标记 1. 文字 P 一个P可看作两个BRBR。 2. 设置段落标记 P align=对齐方式 文字 /P 2.4.4 显示预排格式标记 PRE 预