1.HTML文件结构

HTML文件结构图：

2.HTML标签

• 什么是标签

　　标签就是上面这些< head>、< body>、< table> 等被尖括号“<”和“>”包起来的对象，绝大部分的标签都是成对出现的，如< table>< /talbe>、< form>< /form>。标签对中的第一个标签是开始标签，第二个标签是结束标签，开始和结束标签也被称为开放标签和闭合标签;当然还有少部分不是成对出现的，如< br>、< hr>等。标签就是用来标记HTML元素的。位于起始标签和结束标签之间的文本就是HTML元素的内容。

• 提前介绍什么是元素（对比）

　　HTML网页实际上就是由许许多多各种各样的HTML元素构成的文本文件，并且任何网页浏览器都可以直接运行HTML文件。所以可以这样说，HTML元素就是构成HTML文件的基本对象，HTML元素可以说是一个统称而已。HTML元素就是通过使用HTML标签进行定义的。

　　比如< p>这就是一个标签；< p>内容< /p>这就是一个元素，也就是说元素由一个开始的标签和结束的标签组成，用来包含某些内容;这里有一个值得注意的例外，即< br/>本身既是开始标签也是结束标签，但不包含任何内容，所以这只是个标签。

• 常用的标签

　　网页能实现各种各样的定制，实现各种各样的功能，反过来可以说明标签种类是很多的，这样才能实现各种各样的功能及定义。先讲四个最基本的标签

　1.HTML标题 Heading 是通过 < h1> - < h6> 等标签进行定义的。 示例：

1 <h1>This is first heading</h1>
2 <h2>This is second heading</h2>
3 <h3>This is third heading</h3>
4 ...
5 ...

　　2.HTML段落 paragraph 是通过 < p> 标签进行定义的。 示例：

1 <p>This is a paragraph.</p>
2 <p>This is another paragraph.</p>
3 ...
4 ...

　　3.HTML链接 链接 是通过 < a> 标签进行定义的。 示例:

1 <a href="http://shiyanlou.com">This is a link</a>

　　4.HTML图像 image是通过  标签进行定义的。 示例：

1 <img src="shiyanlou.jpg" width="100" height="142" />

HTML初步学习——学习1