基本的HTML标签事在人为：一年可以等于二年、三年，例如每天用十七、八小时读书；反之，二、三年也可以等于一年，甚至比一年

标题标签

HTML标题（Heading）是通过h1~h6等标签进行定义的

h1~h6
<h1>标题标签</h1>
...
<h6>标题标签</h6>

段落标签

段落是通过p标签定义的

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

补充:

br还是br，<br>与<br/>很相似，在XHTML、XML以及未来的HTML版本中，不允许使用没有结束的标签（闭合标签/单标签）的HTML元素，即使<br>在所有浏览器中的显示都没有问题，使用<br/>也是更长远的保障

拆行标签

如果希望在不生产一个新段落的情况下进行换行（新的一行），请使用<br>标签:

<p>This is <br/>a para<br/>graph with line breaks</p>

文本格式化标签

文本格式化标签.png

图像标签

在HTML中，图像由img标签定义。img是空标签，意思是说，他只会包含属性，并且没有闭合标签。要是在页面上显示图像，你需要使用源属性（src）。src指“source”。源属性的值是图像的URL地址。定义的语法是：
替换文本属性（alt）：alt属性用来为图像定义一串预备用的可替换的文本。替换文本的值是用户定义的
必要的属性：
- alt：（值）text （描述）规定图像的替换文本
- src：（值）URL （描述）规定显示图像的URL

<img src="url"/>  //URL 指存储图像的位置
<img src="url" alt="Big Boat"/>

音频标签

audio标签是HTML5的新标签，标签定义声音，比如音乐或其他音频流。

<radio src="someaudio.wav">您的浏览器不支持audio标签。</radio>

视频标签

video标签是HTML5的新标签，标签定义视频，比如电影片段或其他视频流。

<video src="movie.ogg" controls="controls">您的浏览器不支持video标签</video>

超链接标签

定义和用法
- a标签定义超链接，用于从一张页面链接到另一张页面
- a元素最重要的属性是href属性，它指示链接的目标
- target：控制新开网页的打开方式。_self 表示当前窗口打开网页；_blank表示新开窗口打开网页

<a href="http://www.baidu.com">百度</a>

列表标签

<!-- 有序列表 -->
<ol>
    <li></li>
</ol>
<!-- 无序列表 -->
<ul>
    <li></li>
</ul>
<!-- 自定义列表标签 -->
<dl>
    <dt></dt>
    <dd></dd>
</dl>

注意事项：

布局标签

<div>
    <h3>This is a h3</h3>
    <p>This is a p</p>
    <span>This is a span</span>
</div>

span标签被用来组合文档中的行内元素
div可定义文档中的分区或节
div标签可以把文档分割为独立的、不同的部分。它可以作为严格的组织工具、并且不使用任何格式与其关联。如果用id或class来标记div，那么该标签的作用会变得更加有效

表格

<table>
    <tr>
        <th>Month</th>
        <th>Savings</th>
    </tr>
    <tr>
        <td>january</td>
        <td>$100</td>
    </tr>
</table>

表格注意.png

表单（重点）

<form>标签用于用户输入创建HTML表单 - 表单能够包含input元素，比如文本字段、复选框、单选框、提交按钮等等 - 表单还可以包含menus，textarea、legend和label元素 - 表单用于向服务器传输数据

<form action="form_action.asp" method="get">
    <p>First name:<input type="text" name="fname" /></p>
    <p>Last name:<input type="text" name="lname" /></p>
    <input type="submit" value="Submit" />
</form>

input标签

input标签用于搜集用户信息
根据不同的type属性值，输入字段拥有很多形式。输入字段可以是文本字段、复选框、掩码后的文本控件、单选框、按钮等

input标签属性.png

textarea标签

textarea标签定义多行的文本输入控件。
文本区中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是Courier）。
可以通过cols和rows属性来规定textarea的尺寸，不过更好的办法是使用css的height和width属性

下拉标签

select元素可创建单选或多选菜单
select元素中的option标签用于定义列表中的可用选项
option元素定义下拉列表中的一个选项（一个条目）
浏览器将option标签中的内容作为select标签的菜单或是滚动列表中的一个元素显示
option元素位于select元素内部

<select>
    <option value="volvo">volvo</option>
    <option value="saab">saab</option>
    <option value="opel">opel</option>
    <option value="audi">audi</option>
</select>

label标签

label标签为input元素定义标注（标记）
label元素不会向用户呈现任何特殊效果，不过，它为鼠标用户改进了可用性。如果在label元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的的表单控件上。
label标签的for属性应当与id属性相同。

<form>
    <label for="male">Male</label>
    <input type="radio" name="sex" id="male"/>
    <br/>
    <label for="female">Female</label>
    <input type="radio" name="sex" id="female"/>
    <br/>
</form>

HTML中的单标签与双标签

单标签:只有一个<>组成，例如<br/>

 <br>、<hr>、<img>、<input>、<link>、<meta>、<param>等

双标签:由<></>组成，有始有终，<>表示标签的开始，</>表示标签的结束，例如<div></div>

 <html>、<head>、<title>、<body>、<table>、<tr>、<td>、<span>、<p>、<form>、
 <h1~h6>、<style>、<script>、<div>、<a>...

基本的HTML标签

标题标签