目录
- HTML语法规范
- HTML基本结构标签
- HTML常用标签
- HTML中的注释和特殊字符
1.HTML语法规范
1.1基本语法
1、标签是由尖括号包围的关键词，比如< html>
2、标签通常成对出现，比如< html>和< /html>，称为双标签。前面的是开始标签，后面带斜杠的是结束标签。
3、有些特殊标签是单个的标签，比如< br/>，称为单标签。
1.2标签关系
双标签关系可以分为：包含关系、并列关系。
2.HTML基本结构标签
页面的内容在基本结构标签上书写。
头部、标题、主体所代表的部分分别如下图1、2、3区域所示：
基本的结构标签也称为骨架标签，就像一个骨架一样，在这基础上写内容，基本结构如下所示：
<html>
<head>
<title>在这里取一个标题</title>
</head>
<body>
在这里可以写主体的内容
</body>
</html>
3.HTML常用标签
要理解标签的含义，在合适的地方用合理的标签，可以让页面结构更加清晰。
3.1标题标签< h1> ~ < h6>
HTML提供了六个等级的网页标题，即< h1> ~ < h6>。
h是单词head的缩写，意味头部、标题。
标签语义：作为标题使用，并且依据重要性递减。
特点：一个标题会独占一行；加了标题标签的文字会加粗，字号也会变大，以及从h1到h6，字号依次变小。
使用标题标签，效果如下所示：
3.2段落和换行标签
<p> 这是一个段落标签 </p>
在网页中经常需要分段显示文字，在HTML标签中< p>标签用于定义段落，可以把整个网页分为若干个段落。
p是单词paragraph的缩写，意为段落。
标签语义：可以把HTML文档分割为若干段落。
特点：一个段落中的文本会根据浏览器窗口大小自动换行
<br />
标签语义：强制换行
特点：是单标签；不会像段落一样在段落之间插入一些垂直的间距。
3.3文本格式化标签
标签语义：突出重要性。
可以用文本格式化标签为文字设置粗体、斜体和下划线等效果
3.4< div>和< span>标签
<div>这是div标签</div>
<span>这是span标签</span>
< div>和< span>标签是没有语义的，它们就是一个盒子，用来装内容的。
div是division的缩写，表示分割、分区；span意为跨度、跨距。
特点：< div>标签用来布局，不过一行只能放一个< div>标签。是大盒子。
< span>标签用来布局，一行可以放多个< span>标签。是小盒子。
3.5图像标签和路径
3.5.1 图像标签
在HTML标签中，< img>标签用于定义HTML页面中的图像
<img src="image.jpg" />
img是单词image的缩写，意为图像。
src是必须属性，用于指定图像文件的路径和文件名。(属性是指属于这个图像标签的特性)
图像标签的其他属性如下：
注意：1.图像标签可以拥有多个属性，必须写在标签名的后面。
2.属性之间不分先后顺序，标签名与属性、属性与属性之间均以空格分开
3.属性采取键值对的格式
3.5.2 路径
分为绝对路径和相对路径
相对路径：以应用文件所在位置为参考基础而建立的目录路径。简单来说就是图片相对于HTML页面的位置。
绝对路径就是指目录下的绝对位置，一般从盘符开始。
3.6超链接标签
在HTML标签中，< a>标签用于定义超链接，作用是从一个页面链接到另一个页面
3.6.1 语法格式
<a href="跳转目标" target=“目标窗口的弹出方式”> 这里写入文本或图像 </a>
a是单词anchor的缩写，意为 锚
两个属性的作用如下：
3.6.2 分类
外部链接: 例如 < a href="http:// www.baidu.com "> 百度< /a>。
内部链接:网站内部页面之间的相互链接. 直接链接内部页面名称即可，例如
< a href="index.html"> 首页 < /a>。
空链接: 如果当时没有确定链接目标时，< a href="#"> 首页 < /a> 。
下载链接: 如果 href 里面地址是一个文件或者压缩包，会下载这个文件。
网页元素链接: 在网页中的各种网页元素，如文本、图像、表格、音频、视频等都可以添加超链接。
锚点链接: 点击链接,可以快速定位到页面中的某个位置，实现方法如下：
1、在链接文本的 href 属性中，设置属性值为 #名字 的形式，
如：<a href="#hello"> 你好 </a>
2、找到目标位置标签，里面添加一个 id 属性 = 刚才的名字 ，
如：<h3 id="hello">你好，HTML </h3>
4.HTML中的注释和特殊字符
4.1注释
注释以“< !--”开头，以“-->”结束。
<!-- 注释的快捷键是crtl+/ -->
4.2特殊字符
一些特殊符号不方便直接使用，需要用一些字符来代替。
主要记住空格、小于号、大于号对应的代码。
