HTML学习（一）标签初识
HTML，即超文本标记语言(Hypertext Markup Language）。标签是HTML的基础。
一、基本标签
<!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，以此类推。
- <p> 与 </p> 之间的文本被显示为段落。无法通过在 HTML 代码中添加额外的空格或换行来改变输出的效果，所有连续的空格或空行都会被算作一个空格。如果希望在不产生一个新段落的情况下进行换行，请使用 <br> 标签。
- <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>
标签<b></b>实现对文字的加粗，bold。
标签<em></em>实现强调文字，emphasized。
标签<strong></strong>实现对重要文本加重语气，strong。
标签<i></i>实现文字的斜体显示，italic。
标签<del></del>让在其中间的文字加上一条删除线。
标签<ins></ins>让在其中的文字加上一条下划线。
标签<pre></pre> 可定义预格式化的文本，按照标签内文本现有的格式进行显示（显示其中的换行和空格，与<p>不同）。
标签 <abbr tittle="缩写的具体内容"></abbr> 用来展示缩写文字的具体内容，鼠标移动到对应文字上面会进行显示。
三、图片
图像由<img> 标签定义。
<img> 是空标签，意思是说，它只包含属性，并且没有闭合标签。
要在页面上显示图像，你需要使用源属性（src）。src 指 "source"。源属性的值是图像的 URL 地址。
四、链接
HTML使用标签 <a>来设置超文本链接。
超链接可以是一个字，一个词，或者一组词，也可以是一幅图像，您可以点击这些内容来跳转到新的文档或者当前文档中的某个部分。
当您把鼠标指针移动到网页中的某个链接上时，箭头会变为一只小手。
在标签<a> 中使用了href属性来描述链接的地址。
