1.<hx></hx>
x的取值范围是1-6，h1的字体样式最大，h2的字体样式最小。
2.<em></em>
这个标签可以把文字变为斜体
3.<strong></strong>
这个标签是对文字进行加粗
这个标签没有语义，他的作用是设置单独的样式。
比如说，我在一段话里要给其中几个字改变颜色，我就可以用<span>几个字</span>，然后再<head>里面使用span{color:;}就可以了。
5.<q></q>
这个是引用标签，是短文本引用，语义是表示引用别人的话，虽然运行后的表现是" "，但并不是双引号。
6.<blockquote></blockquote>
这个也是引用标签，但是是长文本引用，比如说引用一首诗，一大段话。
并且<blockquote>是无引号的自动缩进段落，像这样
阿斯达风格好几块钱我而气温五黑低级趣味空间的打的师范生个
【缩进】你说前半生就这样吧
【缩进】还有明天
带回家撒谎的卡哈斯卡核对的境况数据库了第三的健身卡及抵抗力加拉克是
7.<em></em>
这个标签可以把文字变为斜体
8.<strong></strong>
这个标签是对文字进行加粗
9.<br/>
这个是换行标签，就是一个回车的作用。
10.
这个是空格，这个后边是要加一个分号的，像这个;
11.<hr/>
这个是画一条水平直线，也就是分割线。
12.<address></address>
这个是添加地址信息，运行之后的效果是，自动换行+斜体。<em></em>只是斜体。
13.<code></code>
这个是只能用来插入一行代码，比如说，<code>var i=i+300;</code>
var是定义变量
如果要插入多行代码，使用<pre></pre>
作用是 防止浏览器误认为是要执行代码，而没显示代码。加了标签浏览器就不会执行了，而是像文本一样显示出来
14.<p></p>
这个是分段标签，就是完全的归为了一段，会和上下文连在一起。
像这样
12343台34条43题34天4y6t54
<p>2t54y6t5y6</p> 自己换行，之后输入的字回在下一行
43t54y6t54y67y6
———————————————————————————————————————————————————————
2017.7.10
15.<ul></ul>
这个标签是添加新闻信息列表，通常把<li></li>放在其内部一起使用。
使用<li></li>会自动在前面添加一个圆点。像这个 ·
ul-li是没有前后顺序的信息列表。这句话的意思是，他不会对你li里面写的东西进行1,2,3,4之类的排序。
如果要进行排序，就使用ol-li，<ol></ol>这个和li一起使用，会对li中的内容按1,2,3,4的顺序进行排序。
<ul>---单词unordered list：不排序列表
<ol>---单词ordered list：排序列表
<li>---单词list iterm：列表项目
16.<div></div>
这个标签的作用是可以把body中写的东西按照逻辑顺序进行分类，把你想要放在一起的放在一起。div会划出一个独立的空间来存放你要放的东西。
比如说，body是一个房子，那么div就是一个个房间。
在div中加入id就可以有效的进行分类，就像给每个房间给一个自己的房间号。这样可以使逻辑更加清晰。
语法是这样的：<div id=""></div>
你赋予给div的id在运行之后并不会在界面中显示出来。
17.<table></table>
这个标签的作用是在网页中写一个表格。
在他下面有4个元素，分别是：tbody，tr，th，td。
tbody的作用是防止因网速过慢加载一点显示一点的情况，如果把网页比喻成女朋友，那么网页加载的过程就是女朋友化妆的过程，tbody的作用就是女朋友化好妆
之后再显示，而不是化一点给你看一点。
tr是表格的一行，有几个<tr></tr>就有几行。
th是表格的表头，会用加粗的方式显示。
td是表格的一个单元格，就是填入具体的东西。
举个例子：
<table>
<tbody>
<tr>
<th>姓名</th>
<th>性别</th>
<th>年龄</th>
</tr>
<tr> 姓名 性别 年龄
<td>彭程</td> 彭程 男 23
<td>男</td> 宫杰 男 5
<td>23</td> 王斌 男 3
</tr>
<tr>
<td>宫杰</td>
<td>男</td>
<td>5</td>
</tr>
<tr>
<td>王斌</td>
<td>男</td>
<td>3</td>
</tr>
</tbody>
</table>
div是没有边框的，使用css可以加上边框
语法如下：
<style type="text/css">
table,tr,th,td
{
border:1px solid blue;
}
</style>
border 为边框大小，solid为实心线，bule是指线的颜色。
table tr td,th实际只给td给th添加样式，前面的table tr 相当于路径意思是 table tr 下面的td和th
18.<caption></caption>
这个标签是写在<table>标签下的，意思是标题。
使用<caption>后，会自动居中。
<table summary="摘要">
</table>
这个语法是书写摘要。摘要并不会显示在页面当中，但是会增加表格的可读性（语义化），使搜索引擎更好的读懂表格内容，还可以使屏幕阅读器更好的帮助特殊用户读取表格内容。
19.<a></a>
这个标签是用来存放超链接的
语法是：<a href="http://music.baidu.com/song/45952989?fm=altg_new3" title="鼠标放上面会显示文字">你说前半生就这样吧</a>
href里放链接
title里面放的是如果把鼠标放在字体上（你说前半生就这样吧）会显示出来的文字。这个属性在实际网页开发中作用很大，主要方便搜索引擎了解链接地址的内容（语义化更友好）
而且，运行后，显示的文字会自动变蓝色，点击后变为紫色。
在<a>标签中加入target=“_blank”。如：<a target="_blank"></a>
这样就会新建一个网页来打开这个超链接，而不是在原网页上打开。
在<a>标签中加入mailto就可以发送Email。
mailto有以下参数：
抄送地址：cc=
密件抄送地址：bcc=
多个收件人、抄送、密件抄送人： ;
邮件主题：subject=
邮件内容：body=
完全语法如下：
<a herf="mailto:123@123.com?cc=456@456.com&bcc=789@789.com&subject=你好啊&body=今天很热">发送</a>
第一个参数和第二个参数之间用？连接，之后的参数用&连接。
在网页中只显示发送两个字，而不显示其他的。
20.<img>
这个标签是用来添加一个图片的。
语法是：<img src="图片地址" alt=“如果图片显示不出来要显示的文本” title="鼠标放在图片上显示的文字">
———————————————————————————————————————————————————————
2017.7.11
21.<form></form>
这个标签是表单标签，用来和用户进行交互的。他可以把浏览者输入的数据发送到服务器端，这样服务器就可以处理表单传来的数据。
举个例子就是你玩一个网页游戏，你要输入账号密码，这个让你填账号密码的地方就是用form表单标签写的。
语法是：<form method="传送方式" action="被传入的服务器名称"></form>
传送方式为：get/post。这里不区分二者。
①要在网页中显示输入账号的文本框和输入密码的文本框，就要只用<input/>，而且一定要写在<form></form>里面
语法为：
<input type="text" name="账号" value=“请输入账号”/> 这个就是一个账号的语法。
<input type="password" name="密码" value="请输入密码"/> 这个就是写了一个密码的文本框。
name里写入的东西不会在网页中显示。
value：为文本输入框设置默认值，写入的东西会直接填入文本框中，应该可以使用div改的，就是点一下他就消失那种，不点他就在，灰色字体那种。
使用placeholder，就可以出现这种灰色字体的样式。
②在type="#"中输入submit，就会出现一个确定/提交按钮。输入reset为重置按钮。
③在type="#"中输入radio，就会出现一个单选框。输入checkbox为复选框。
其中有以下几个要素：
value： 提交数据到服务器的值
name：为控件命名。需要注意的是，当type="radio"时，所有选项的name值必须相同，否则会出现所有的框都可以选。
如：
<input type="radio" value="1" name="gender"/>男
<input type="radio" value="2" name="gender"/>女
必须同为gender或其他相同内容。
checked：当设置 checked="checked" 时，该选项被默认选中
④<select></select>
这个标签是下拉列表框，要写在<form>标签之内。
语法为：
<select>
<option value="踢球" selected="selected">踢球</option>
<option value="跑步">跑步</option>
<option value="爬楼">爬楼</option>
</select>
value：为要提交给服务器的值，第一个踢球。
<option></option>之间的踢球，为显示给用户选择的值。
selected="selected"为默认选择值。
在<select>中写入multiple="multiple"就可以实现按住ctrl加左键进行多选。 不好用，不如复选框好。
⑤<label></label>
这个标签的作用是增加鼠标用户的可用性。
通俗点说，你写了一个单选框，一般情况，你要点那个单选框才可以选择上，如果你加了<label>标签的话，你就可以直接点单选框前面的文字就可以选择。
语法为：
<label for="控件id名称"></label>
举个例子：
<label for="jog">慢跑</label>
<input type="radio" name="慢跑" id="jog"/>
<label for="football">足球</lable>
<input type="radio" name="足球" id="football"/>
for属性中的值，必须和相关控件的id值一致，应该是对所有的控件都可以用的，比如说，单选复选，文本框，按钮。我刚才试了一下按钮，是可以的。
22.<textarea></textarea>
这个标签是文本域，当你需要输入一大段话的时候，就可以使用这个标签。
语法为：<textarea cols=“80” rows=“20” >请留言</textarea>
cols为列数，rows为行数。在<textarea></textarea>中间输入的话为默认值，如请留言。
———————————————————————————————————————————————————————
23.<figure></figure>
用于文档中插图的图像。
举个例子：
<figure>
<figcaption>博主的帅照</figcaption> 这个是和<figure>搭配使用，意识是图片的标题。
<img src="#.jpg"/>
</figure>
扫一扫
1436
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
