1.第一个程序框架：

<!DOCTYPE html>
<!-- 告诉计算机，html框架 -->
<html>
    <head>
        <!-- 头标，内容不可见 -->
        <title>Hello</title>
    </head>
    <body> 
        <!-- 体标签，内容可见 -->
        <img src="http://photo.chaoxing.com/p/271827634_80" alt="404" width="200" height="150"></img>
        <!-- 图片的引用 -->
        <p>你好，世界！<a href="https://www.runoob.com">菜鸟教程</a></p>
        <!-- p元素表示段落，a元素为超链接网址 -->
    </body>
</html>
<!DOCTYPE html> 一个标签，表示申明。告诉电脑是由于 HTML5 编写。
<html></html>包含了网页所有内容。
<head></head>所有头部元素的容器，不可见。
<body></body>包含所有网页的可见内容。

2.头部元素标签类：

 <title>Hello</title> 标题，显示在标签栏。

3.标题和段落元素：

<p></p> p元素可以包含标签和文字
<h1></h1>标题标签。
h1-h6：h1字最大，h6最小。
该标签有确切的语义，除了标题，不要在其他地方使用。