一、基本标签

<!DOCTYPE html>
<html>

<head>
    <meta charset="UTF-8">
    <title>标题，显示在标签页</title>
</head>

<body>
具体的网页内容
</body>

</html>

<!DOCTYPE html> —— 文档类型说明（doctypes）。告诉浏览器这是一个HTML页面，防止浏览器使用其他方式进行解析。
<html></html> —— <html> 元素。包含了整个页面的内容，有时也被称作根元素。
<head></head> ——<head> 元素。包含了所有和你页面相关的信息（页面描述、关键字、CSS样式表、字符编码声明等），但是不会被用户所看到。
<body></body> —— <body> 元素。这个元素包含了你想被用户看到的内容，不管是文本，图像，视频，游戏，可播放的音轨或是其他内容。
<meta charset="utf-8"> —— 这个元素指定了你的文档需要使用的字符编码，像 UTF-8 ，它包括了非常多人类已知语言的字符。基本上 UTF-8 可以处理任何文本内容。我们没有任何理由不去设定字符编码，而且也可以避免以后可能出现的问题。
<title></title> —— 这个元素设置了页面的标题，标题显示在浏览器标签页上，而且在你将网页添加到收藏夹或喜爱中时将作为默认名称。

二、文本显示标签

（一）标题和段落

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>标题，将会显示在标签页的顶部</title>
</head>

<body>

<h1> 这是h1的大小 </h1>
<h2> 这是h2的大小 </h2>
<h3> 这是h3的大小 </h3>
<h4> 这是h4的大小 </h4>
<h5> 这是h5的大小 </h5>
<h6> 这是h6的大小 </h6>
<hr>
<!-- hr用来插入一条水平线-->

<p>
    春有百花秋有月
    夏有凉风冬有雪
</p>

<p>
    春有百花秋有月<br>夏有凉风冬有雪
</p>

</body>
</html>

<h1> 与 </h1> 之间的文本被显示为标题。不要仅仅是为了生成粗体或大号的文本而使用标题，因为搜索引擎使用标题为网页的结构和内容编制索引。因为用户可以通过标题来快速浏览您的网页，所以用标题来呈现文档结构是很重要的。应该将 h1 用作主标题（最重要的），其后是 h2（次重要的），再其次是 h3，以此类推。
与 之间的文本被显示为段落。无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果，所有连续的空格或空行都会被算作一个空格。如果希望在不产生一个新段落的情况下进行换行，请使用 标签。
<hr> 标签在 HTML 页面中创建水平线。
注释标签用来在源文档中插入注释。注释不会在浏览器中显示。

（二）文本格式化

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>标题</title>
</head>

<body>

<p>
    <b><abbr title="作者：慧开禅师">春有百花秋有月</abbr></b><br><i>夏有凉风冬有雪</i>
</p>

</body>
</html>

标签实现对文字的加粗，bold。

标签实现强调文字，emphasized。

标签实现对重要文本加重语气，strong。

标签实现文字的斜体显示，italic。

标签<del></del>让在其中间的文字加上一条删除线。

标签<ins></ins>让在其中的文字加上一条下划线。

标签<pre></pre> 可定义预格式化的文本，按照标签内文本现有的格式进行显示（显示其中的换行和空格，与不同）。

标签 <abbr tittle="缩写的具体内容"></abbr> 用来展示缩写文字的具体内容，鼠标移动到对应文字上面会进行显示。

三、图片

图像由<img> 标签定义。

<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。

要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。

四、链接

HTML使用标签 <a>来设置超文本链接。

超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。

当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。

在标签<a> 中使用了href属性来描述链接的地址。