【学习笔记】HTML标签小结

<注>本文仅为个人的学习笔记，如有错漏，请多包涵、指教。

HTML标签的语义化，可以让网页更好的被搜索引擎理解。

<p></p>：文章段落，自带样式是段落前后自动留白，可通过编写css消除。

<hx></hx>：文章的标题，h1,h2,h3,h4,h5,h6，默认字体均加粗，文字大小按此顺序递减。

<em></em>：语气强调，默认斜体字。

<strong></strong>：语气更强烈地强调，默认加粗字体。

<span></span>：没有语义，通常用来为文字设置单独的样式。

<q></q>：短文本引用。

<blockquote></blockquote>：长文本引用。浏览器对此标签的解析是左右均有缩进。

<br>：分行现实文本，即，换行。

 ：一个空格。注意这里的空格符是以&开始，以 ; （分号）结束的。（注意，这里的分号应是英文中的分号）

<hr>：添加水平横线。（有默认样式，可以通过css改变）

<address></address>：为网页加入地址信息。（默认斜体字，单独成一段，段落上方有留白）

<code></code>：加入一行代码。

例：<code>var i=i+30;</code>  或  <code>{background:#0064ca}</code>

<pre></pre>：加入多行代码。默认另起一个段落，保存了代码中的格式，无需另外写入换行符和空格符等。

<ul></ul>：无序列表，多用于新闻列表这种不需要顺序的列表。

<ol></ol>：有序列表，多用于Top榜单这种需要顺序的列表。

<div></div>：划分独立的逻辑部分（就是我们常说的栏目版块之类的），相当于一个容器。可以用 id 这个属性给 div 命名，命名需唯一。

<table></table>：table中还包含着一些标签，caption , tbody , tr , th , td 。table默认没有表格边框。


<a></a>：超链接，连接到另一个页面。



<img>：为网页插入图片。

<form></form>：表单交互。表单把浏览者输入的数据传送至服务器。下面的所有标签都属于表单控件，必须放在form标签中。

           <form method="get/post" action="save.php">……</form>

<input>：文本/密码输入框；提交/重置按钮；单选/复选框。

<textarea></textarea>：文本域，支持多行文本输入。

<select></select>：下拉列表框。

<label></label>：标签文本。可以与表单中的其他控件绑定，单击标签时，将自动聚焦于和该标签绑定的表单控件上。

整理自慕课网：慕课网的HTML+CSS基础教程