<a> 超链接

语法：<a href=“目标网址” title=“鼠标悬停时显示内容” >（<>超链接的起始包含网址和悬停内容）点击跳转（<a>在标签中间输入超链接文字</a>）</a>

<img>：图片，用法：<img src=“图片地址（可以说网页地址，也可以是本地地址）” alt=“下载失败的提示，用来替换图片（那可不可以替换另一种图片，按如何实现？套娃？）”title=“提示文本”（鼠标悬停图片时显示，可以用来吐槽...）>

<ol>排序列表

<li>每行内容，按先后排序

<ul>：列表

<li>：列表每行的内容

<br>代替回车符，html中不识别回车。

<section>定义一个区域，与<div>的区别是：

（百度）一、对应内容不同

1、section：每个section必须对应内容本身不同的主题。

2、div：div可以对应内容本身相同的主题。

二、用途不同

1、section：section用于元素内容被列在文档大纲中。

2、div：div用于设置样式或脚本处理。

三、来源不同

1、section：section每部分内容形式上是类似的，但是来源是独立的。

2、div：div每部分内容形式上是类似的，来源也是相同的。

<footer>：底部标签 如慕课网底部备案区

<header>：定义头部标签，如慕课网顶部的部分

<div>：模块，网页上的一组如：栏目板块

<p>：段落文字

<meta> 元素可提供有关页面的元信息（meta-information），比如针对搜索引擎和更新频度的描述和关键词。

<meta> 标签位于文档的头部，不包含任何内容。<meta> 标签的属性定义了与文档相关联的名称/值对。

 <meta charset="UTF-8">“utf-8”是一种字符编码,charset=”utf-8”是告知浏览器此页面属于什么字符编码格式

常见的字符编码有：gb2312、gbk、unicode、utf-8

gb2312：代表国家标准第2312条，其中是不包含繁体的

gbk：国家标准扩展版（增加了繁体，包含所有亚洲字符集）

unicode：万国码（字面意思你也懂的）

utf-8：unicode的升级版

Unicode(又称统一码、万国码、单一码)是计算机科学领域里的一项业界标准，包括字符集、编码方案等。

 http-equiv，equiv字典里的解释是:当量,相当 http-equiv相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确和精确地显示网页内容

文章的段落用<p>标签，
标题标签一共有6个，h1、h2、h3、h4、h5、h6分别为一级标题、二级标题、三级标题、四级标题、五级标题、六级标题。并且依据重要性递减。<h1>是最高的等级。

<div>划了一块区域，可以添加标题<h>段落<p>图片<img>等各种元素，里面又可以设置元素的表现形式，比如<span>等

div 全称 division 意为“区分”，称为区隔标记

<div>是一个独立的模块，<p>只是段落，<div>的范围比<p>大，用于组合一大块代码，<p>只能是一行一行文字，

h1为标题，默认大一点，p为段落，默认小一点，学了css可以自己调标签的样式

head标签表示头部标签,通常用来嵌套meta、title、style等标签

span标签主要是可以方便设置一些属性，比如你想为一个段落中的几个字添加颜色，<span >美国梦</span>

段落标签 <p>段落文本</p>

设置单独样式 <span>需要设置样式的文本</span>

标题标签 <hx>标题</hx> （x位于1-6之间）

划分板块标签 <div>需要划分的部分</div>

头部标签 <header>被定义的头部区域</header>（作用等同于div）

底部标签 <footer>被定义的底部区域</footer>（作用等同于div）

区段标签 <section>被定义的区段</section>（作用等同于div） 与div标签的区别：<div>: 将内容分为块的时候用 ，或者是包裹任意内容的时候。语义化不是很明显（就是使用的界限不是很明显，很多场合都适用）

<section>: 将块的内容分成节的时候用，通常 section 里面是包含 h 标题和内容结构的。

而且<div> 和 <section>通常是嵌套使用。

侧边栏标签 <aside>被定义的侧边栏区域</aside>（作用等同于div）

换行标签<br/>

空格字符&nbsp

水平分割线标签<hr/>

无序列表标签 语法：

<ul>

<li>信息</li>

<li>信息</li>

<li>信息</li>

</ul>

有序列表标签 语法：

<ol>

<li>信息</li>

<li>信息</li>

<li>信息</li>

</ol>

图片标签<img> 语法：<img src="图片地址" alt="下载失败时的替换文本" title = "提示文本">

超链接标签<a> 语法：<a  href="目标网址"  title="鼠标滑过显示的文本">链接显示的文本</a>

a标签有的target属性，代表打开网页的方式。可选值为”_self和_blank”，默认值为_self，代表在当前页面打开链接，_blank代表在新窗口打开链接。

表格标签<table>

1、<table>…</table>：整个表格以<table>标记开始、</table>标记结束。

2.border属性可以为表格添加边框，属性值为数字。table表格在没有添加border属性之前, 在浏览器中显示是没有表格线的。位置为<table border="数字">

3.caption标签用来定义表格的标题。用法在table之后<caption>标题内容</caption>

4.<tr>…</tr>：表格的一行，所以有几对tr 表格就有几行。

5.<th>…</th>：表格的头部的一个单元格，表格表头。

6.<td>…</td>：表格的一个单元格，一行中包含几对<td>...</td>，说明一行中就有几列。

分类表格区域的标签 thead、tbody、tfoot

1、<thead> 标签定义表格的表头。该标签用于组合 HTML 表格的表头内容。

2、<tbody>…</tbody>：如果不加<thead><tbody><tfooter> , table表格加载完后才显示。加上这些表格结构， tbody包含行的内容下载完优先显示，不必等待表格结束后在显示，同时如果表格很长，用tbody分段，可以一部分一部分地显示。（通俗理解table 可以按结构一块块的显示，不在等整个表格加载完后显示。）

3、<tfoot> 元素用于对 HTML 表格中的表注（页脚）内容进行分组。

交互表单标签<form> 语法：<form   method="传送方式"   action="服务器文件">交互内容</form>

文本/密码输入框标签 <input> 语法：<input type="text/password" name="名称" value="文本" />

value属性在此定义输入字段的初始值

占位符placeholder属性为输入框内的提示内容，不是输入框内的真正内容。

1.type="number"时为数字输入框，该输入框只能输入数字，其他字符无效。

2.type=“url”时,则表示该输入框的类型为网址。数字框的值需以http://或者https://开头,且后面必须有内容,否则表单提交的时候会报错误提示。

3.type=“email”,则表示该输入框的类型为邮箱。数字框的值必须包含@。数字框的值@之后必须有内容,否则会报错误提示。

文本域标签<textarea> 语法：<textarea  rows="行数" cols="列数">文本</textarea>

在<textarea></textarea>标签之间可以输入默认值。可以使用placeholder属性。

控件标签 <label> 主要用于改进可用性

语法：<label for="控件id名称">内容</label>

单选框/复选框标签 语法：<input   type="radio/checkbox"   value="值"    name="名称"   checked="checked"/>

value：提交数据到服务器的值（后台程序PHP使用）

name：为控件命名，以备后台程序 ASP、PHP 使用

checked：当设置 checked="checked" 时，该选项被默认选中

同一组的单选按钮，name 取值一定要一致

下拉菜单标签 <select><option> 语法：

<select>

<option value="提交值" selected="selected">显示文字</option>

<option value="提交值">显示文字</option>

<option value="提交值">显示文字</option>

</select>

value的值为向服务器所提交的值

selected="selected"属性，则该选项就被默认选中。

提交按钮标签 语法：<input   type="submit"   value="提交">

type：只有当type值设置为submit时，按钮才有提交作用

value：按钮上显示的文字

重置按钮标签 语法：<input type="reset" value="重置">

type：只有当type值设置为reset时，按钮才有重置作用

value：按钮上显示的文字