网页制作第三章网页设计语言HTML.pptVIP

第3章 网页设计语言HTML HTML是网页制作的一种规范、一种标准。本章介绍了用HTML制作网页的各种标记符的设置方法，包括网页数据的编辑与格式化、在网页中使用超链接和插入图片、网页中的表格设计以及表格与文字的混排等。 3.1 HTML概述 HTML（HyperText Markup Language） 超文本标记语言，几乎所有的网页都是以 HTML格式书写的。 HTML以标识符来标识、排列各对象。 标识符本身以“”和“”标识，标识符内的 内容称为元素（element），元素代表了标 识符的意义，元素是与大小写无关的。 用超文本标记语言（HTML）编写的网 页文件其实只是很平常、很普通的文本文 件。可以用你所熟悉的文字编辑器来编辑 它，如Edit、Word、写字板、记事本等， 但一定要以纯文本方式保存，浏览器只能 识别纯文本格式的文件。 HTML标记HTML的开始，在文件结 束处要有对应的符号/HTML。 3.2 网页数据编辑与格式化 一、创建HTML文档 1．用工具软件创建HTML文档 用比较完善的工具软件来制作网页，像 FronPage2000，Dreamweaver 4等 2．用编辑工具编写HTML文档 EDIT、记事本、写字板、Word等编辑工 具可以用来编辑HTML文档。 二、标签格式 在HTML文件中，重要的文字部分都由 “标签”括起来，这样文字就成了特别的文 字，而标签本身则以“”和“”号标识，标 签内的内容称为元素，它代表了标签的意 义。如： title中南省委宣传部主页/title 括住的文字称为“内容”，整个标签称 为一个“元件”。 三、标题格式 HTML提供六种标题格式，其所用的标 记符为Hn…/Hn（标题n，n=1~6）， H1…/H1的字体最大， H6…/H6 的字体最小。其属性如下： （1）ALIGN={LEFT，CENTER，RIGHT}：文字左对齐（LEFT）、居中（CENTER）或右对齐（RIGHT）。 （2）ID：指定标记符的ID选择器。 （3）STYLE：指定标记符的样式表命令。 （4）CLASS：指定标记符的样式类型。 （5）LANG：指定标题文字的语种。 （6）DIR：指定标题文字的方向。 （7）TITLE：指定标记符的标题。 此外，还有一些鼠标操作的属性。 四、段落格式 1．分段与换行符 分段标记符用于将文档划分为段落，标 记符为P…/P 要将文字强制换行，而不是另起段落， 可以用换行标记符BR实现该功能。注意， BR仅单独使用，而非成对出现。 2. 添加水平线 添加水平线的标记符为HR（与BR类 似，HR也不包括结束标记符。 3. 段落对齐 （1） ALIGN属性 ALIGN属性用于设置段落的对齐方式， 其常见取值有4种：RIGHT（右对齐）、 LEFT（左对齐）、CENTER（居中对齐）、 JUSTIFY（两端对齐）。 （2）DIV标记符 （3）CENTER标记符 （4）格式的嵌套 五、 文字格式 1．字符格式 通过表3.1的标记符设置字符格式 2．字体大小、字符颜色和字体样式 （1） SIZE属性：控制文字的大小 （2）COLOR属性：控制文字的颜色 （3）FACE属性：指定字体样式 六、列表格式 1．有序列表 定义有序列表需要使用有序列表标记符 OL…/OL和列表项（List item）标记 符LI…/LI，语法如下： OLLIList item1/LI LIList item2/LI/OL 2．无序列表 无序列表标记符UL…/UL和列表项 标记符LI…/LI 3．定义列表 定义列表的制作需要3个标记符：定义 列表标记符DL…/DL，用来指定定义 列表的开头与结尾；定义术语（Definition term）标记符DT，用来指定第一层数据； 定义描述标记符DD，用来指定第二层数 据。DL标记符必须有结束标记，但 DT和DD标记符的结束标记可以省略。 3.3 在网页中建立超链接 一、超链接标记符 创建一个超链接需要使用A…/A标 记符，A是Anchor的首字母，A标记符的 最基本属性是HREF，用于指定链接到的文 件位置。 其他属性见教材。 二、创建超链接 1．指向本地网页的链接：绝对URL 2． 链接至位于相同文件夹的文件： 相对URL方式 3．链接至位于不同文件夹的文件 4．指向其他网页的链接，如： PA HREF=””我要上网易/A/P 5．页面的特定部分链接 6．连接至E-