HTML设置与编写.pptVIP

HTML的设置与编写 本章主要内容 了解HTML语言基础 学会设置码平台 掌握优化和调试HTML代码 学会书写规范HTML代码 HTML基础 1.概述 HTML （Hypertext Markup Language，超文本标记语言） 是生成WWW的语言之一，也是组织多媒体文档的一门重要语言，它不 仅用来编写 Web 网页，而且也越来越多地被用来制作光盘上的多媒体节 目。 2.HTML文档 (1). HTML文档是一种没有格式的文本文件，也称为 ASCII 文件。因此， HTML文档可以使用任何一种文本编辑器来编写。 常用HTML编辑工具：记事本、写字板、UE、Dreamweaver等 HTML基础 (2).一个文档通常由文档头(head)、文档名称(title)、表格(table)、段落(paragraph)和列表(list)等成分构成。为了表达方便，我们把这些成分称为文档元素(element)，简称为元素，它们是文本文档的基本构件，并且使用 HTML规定的标签(tag)来标识这些文素。 (3).每个HTML文档都是由标签HTML开始，而以标签/HTML结束。每个HTML文档分成两个部分组成：文档头(head)和正文(body)，并分别用HEAD … /HEAD和BODY … /BODY来作标记。 (4).文档头标签HEAD … /HEAD之间所包含的是文档的名称(title)、文件头信息（meta） (5).正文标签BODY … /BODY之间含有用各种HTML标签作标记的段落、列表、和其他文素组成的实际文档。 HTML基础 (6).示例 HTMLHEADTITLE章乃器轶事/TITLE/HEADBODYH1章乃器妙语揭贪官/H1P 章乃器是我国杰出的爱国人士。1938年3月，应当时安徽省政府主席李宗仁之邀，出任安徽省政府财政厅厅长。/PP针对当时众多的贪官污吏乘国难之机贪污腐化、中饱私囊等劣行，章乃器上任伊始就提出了“铲除贪污”等四项重大措施。… /P/BODY/HTML HTML基础 3.HTML标签和属性简介 (1).简介 HTML标签由3部分组成：左尖括号“”，“标签名称”和右尖括号“”。HTML标签名称中的字母不分大小写，标签通常是成对出现的 某些文素还可以包含“属性(attribute)”。属性是指背景颜色、字体属性(大小、颜色、正体、斜体等)、对齐方式等等，它是包含在开始标签中的附加信息。例如，p align=“center”表示这段文字是居中对齐的 HTML基础 (2).基本标签 html head title body hn(n为1~6) p hr / br / ul、ol、dl、dt、dd和li等等 HTML基础 (3).基本标签简介 HTML HTML标签：这个标签告诉浏览器在HTML …/HTML之间的文件是用 HTML编写的文档。 HEAD 文档头标签：HEAD … /HEAD之间包含的是HTML文档名称。 TITLE 文档名称标签：TITLE … /TITLE之间包含的是具体的HTML文档名 称，字符数通常不超过64。 BODY 正文标签： BODY … /BODY之间是正文部分，这是HTML文档最多 的部分，它包含的是显示在浏览器文本窗口中的文档内容。 HTML基础 Hn 标题(Heading)标签：HTML定义了6个等级的标题标签，其中 n＝1，2，…，6。Hn … /Hn之间包含的是第n级标题 P 段落(Paragraph)标签：P … /P之间包含的是一段文本。 HTML中没有使用硬换行(carriage return)来分段落，这是与字处 理软件不同的。在HTML文档中，P和/P之间不论有多少 行，不论每一行有多长或者多短，也不论其间有多少个空格，浏 览器都把它作为一个段落来处理。 HTML基础 UL、OL和LI 列表标签：HTML支持无编号列表和有编号列表，而且还可以在 列表中套列表。 UL … /UL表示标签之间的列表项目是无编号列表 (Unnumbered List)。 OL … /OL表示标签之间的列表项目是有编号列表 (Ordered List)。 LI 表示标签后面的内容是具体的列表项目(List Item)。 HTML基础 BR 强制换行标签(Forced Line Breaks/Postal Addresses)：使用 BR标签可强制文本换行，其好处是不在行与行之间增加空白 行 HR 水平线(Horizontal Rule)标签：生成一条用于分割文档的水平 线，其长度与浏览器窗口等宽，粗细和长短都可设置。 超链接a 基本语法是： A