HTML基础知识教学篇要点解析.ppt

知识要点： 基本的HTML语法结构 常用的HTML 标记的使用 HTML 文档 = 网页 HTML 文档描述网页 HTML 文档包含 HTML 标签和纯文本 HTML 文档也被称为网页 Web 浏览器的作用是读取 HTML 文档，并以网页的形式显示出它们。浏览器不会显示 HTML 标签，而是使用标签来解释页面的内容 1.什么是 HTML？ HTML 是用来描述网页的一种语言。 HTML 指的是超文本标记语言 (Hyper Text Markup Language) HTML 不是一种编程语言，而是一种标记语言 (markup language) 标记语言是一套标记标签 (markup tag) HTML 使用标记标签来描述网页 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 html HTML 标签通常是成对出现的，比如 b 和 /b 标签对中的第一个标签是开始标签，第二个标签是结束标签 开始和结束标签也被称为开放标签和闭合标签 2. HTML文档的结构 2.1.1 标记基础 1. 基本的HTML语法 (1) 在HTML语言中，所有的标记都必须用尖括号（即小于号“”和大于号“”）括起来。例如，HTML、HEAD、BODY等。 (2) 大部分标记都是成对出现的，包括开始标记和结束标记，开始标记和相应的结束标记定义了标记所影响的范围；结束标记与开始标记名称相同，但结束标记总是以一个斜线符号开头的。例如，HTML和/HTML、HEAD和/HEAD等。 (3) HTML标记不区分大小写，但通常约定使用大写字母来表示，以利于HTML文档的维护。 2. 标记符的属性 大多数标记都拥有一个属性集，通过这些属性可以对作用的内容进行更多的控制。在HTML语言中，所有属性都放置在开始标记的尖括号内。 FONT FACE = 楷体_GB2312 SIZE = 2心想事成。/FONT 2.1.2 HTML文档的基本结构 一个基本的HTML文档通常包含3对顶级标记 HTML标记HTML HTML…/HTML是全部文档内容的标记，分别在网页的第一个标记和最后一个标记，其他所有的代码都位于这两个标记之间。可选的。 首部标记HEAD HEAD… /HEAD用语提供与WEB页相关的各种信息。 TITLE…/TITLE标记指定网页的标题 正文标记BODY BODY.. /BODY标记包含了文档的内容，网页中的文字、图像、动画、超链接以及其他的HTML元素均位于该标记中。 HTML HEAD TITLE个人主页/TITLE /HEAD BODY 文本、图像、动画、HTML其它元素等 /BODY /HTML 实例2.1利用HTML标记、首部标记和正文标记，在记事本（或在DeamweaverMX2004的代码编写窗口）中编写一个简单的HTML文档，将文件名指定为2-01.htm，并保存在CH1目录下。图2-2 第一个网页的效果 ------2-01.htm------ HTML HEAD TITLE这是我制作的第一个网页/TITLE HEAD BODY 万丈高楼平地起，制作网页刚开始。 /BODY /HTML 2.2 设置文本格式 2.2.1 分段与换行 分段标记P 换行标记BR 实例2.2 显示分段标记和换行标记的用法以及它们的区别，源代码如下：图2-3 分段标记的效果 ------ 2-02.htm ------ HTML HEAD TITLE分段与换行标记的使用/TITLE /HEAD BODY P高楼万丈平地起，/P !--分段标记-- P蟠龙卧虎高山顶，/P 边区的太阳红又红，BR !--换行标记-- 边区的太阳红又红。 /BODY /HTML 3. 标题标记Hn 其中n的取值是1－6 实例2.3 演示各种标题标记的使用方法，源代码如下：图2-4 各种标题标记效果 ------ 2-03.htm ------ HTML HEAD TITLE标题标记的使用/TITLE /HEAD BODY H1 align=center这是一级标题（最大）/H1 !-- align 是对齐方式-- H2 align=center这是二级标题/H2 H3 align=center这是三级标题/H3 H4 align=center这是四级标题/H4 H5 align=center这是五级标题/H5 H6 align=center这是六级标题（最小）/H6 P align=center这是普通文字。/P /BODY /HTML 4. 水平线标记HR HR标记用于在文档中添加一条水平线，以分开文档的两个部分。该标记有以下属性： (1) ALIG