一、认识HTML组成
1.一个HTML文档是由以下三部分组成
• 一行HTML版本信息。
• 一段声明性的头部。
• 文件体，包含该文档真正的内容。文档内容可以是被<body>标记包围的文字，也可以是被<frameset>标记包围的框架集。
视频介绍：
对知识点1结合Eclipse中的HTML案例讲解分析。
2.HTML（Hypertext Markup Language）译为超文本标记语言，是用于编写网页文件的基础语言。
HTML包含了一系列标记，扩展名为.HTML的文件是包含了一些标记的文本文件。这些标记告诉WEB 浏览器如何显示页面。
HTML文件一般以.html为扩展名。
二、五大类HTML标记
HTML内的标记主要是为了为用户更好的浏览文字图片内容而提供的一种指示，从标记所起的作用出发，大致分为五大类：
文档结构标记
文字内容标记
表格标记
表单标记
输助标记
• 标记一般成对出现，用于表示一定的含义
文档结构标记是指示HTML文档组成部分的标记。这类标记只有HTML、HEAD与BODY三个。
视频介绍：
对知识点2、知识点3、知识点4结合Eclipse中的HTML案例讲解分析。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html>
<head>
<title>页面的标题</title>
</head>
<body>
<p>这是我的第一个页面。<b>这是粗体文本。</b></p>
</body>
</html>
三、文档结构标记
文档结构标记是指示HTML文档组成部分的标记。这类标记只有HTML、HEAD与BODY三个。
四、内容标记
1. SPAN(文本块标记)
表示一段通用文本内容。该标记内的文本的颜色、字体和大小被span标记的属性指定。如下例，span标记中的内容会在浏览器内显示为红色加粗宋体字。<span style=“color:red;font-weight:bold;font-family:宋体”>我是加粗红色字。</span>
2. H1~H6(标题标记)
表示一个标题。位于本标记内的文字将会作为标题显示，由1到6表示标题级别，H1是最大级别，级别越高文字的尺寸越大。如下例，可以看到各级标题的显示样式。
<h1>一号标题字体最大最粗。</h1>
<h2>二号标题很大很粗。</h2>
<h3>三号标题字体大且粗。</h3>
<h4>四号标题字体比较大。</h4>
<h5>五号标题字体略大</h5>
<h6>六号标题加粗。</h6>
3. A(超文本链接标记)
表示文档中一个超文本链接，该标记的href属性是一个互联网地址，而它包围的文本是链接名称，浏览器中用户点文本将转href属性包含的互联网地址所指向的内容。如下例，浏览器将会显示一个指向百度搜索引擎的链接，该链接的名字为“用百度搜搜”：<ahref=”http://www.baidu.com”>用百度搜搜</a>
4. IMG(图像标记)
表示HTML文档中一张图像。该标记的src属性指定该图像的数据来源，该src属性应该是一个互联网上可访问的图像文件地址。如果src属性未设置或者设置的地址不正确，本应显示图像的位置将会显示为一个不能访问的图像标志。为了避免图像在不能正确访问时让用户可以看到提示信息，可以设置alt属性以显示替代文字。图像一般按照其原来大小显示，但是可以通过width与height属性强制浏览器按照指定的宽度与高度显示。当图像尺寸小于设置的尺寸时，图像将被拉伸。而图像尺寸大于设置的尺寸时，图像将被压缩。
<imgsrc="img/notloginuser.png"alt="用户的头像" />
5.P(段落标记)
表示被包围文字是一个自然文本段落。当篇幅比较长的文章要显示在HTML页面上时，使用<P>标记给每段文字标记是一个好的习惯。
五、一般布局类标记
DIV(布局块)
这个标记表示屏幕内一块显示文本及其他内容的矩形区域。被这个标记包围的内容将被限制于该标记规定的矩形区域内，而不再是父标记所限定的显示区域内。这样，该组文本就独立于其他内容。如下例所示，在一个BODY标记内有三个DIV标记,每个标记被指定了宽度、高度，每个 DIV内的文本均只能显示在对应的DIV范围内。
