html的标签

标签	描述
​<em>​	呈现为被强调的文本。
​<strong>​	定义重要的文本。
​<dfn>​	定义一个定义项目。
​<code>​	定义计算机代码文本。
​<samp>​	定义样本文本。
​<kbd>​	定义键盘文本。它表示文本是从键盘上键入的。它经常用在与计算机相关的文档或手册中。
​<var>​	定义变量。您可以将此标签与 ​<pre>​ 及 ​<code>​ 标签配合使用。
<sub>	下标文本能用来表示化学公式，比如 H2O。
<sup>	上标文本能用来添加脚注，比如 WWW[1]
<h1>-<h6>	标题
<mark>	高亮
<img  />	<img src="图片的地址" alt="坐在桌子上的兔子">
<a>	<a href="https://baidu.com">百度</a> <a  target="_blank" href="#about">关于我们</a>
<ul>	无序列表，搭配<li>使用
<ol>	有序列表，搭配<li>使用 <ol start="50"> <li>咖啡</li> <li>牛奶</li> <li>茶</li> </ol>
<input>	输入文本框<input type="text" name="FirstName" placeholder="firstname"  required/> <input type="submit"  /> placeholder 属性适用于以下的 <input> 类型：text, search, url, telephone, email 以及 password
<form>	<form>​标签的action属性的值指定了表单提交到服务器的地址。<form>​ 元素包含一个或多个如下的表单元素： <input> <textarea> <button> <select> <option> <optgroup> <fieldset> <label>
<lable>	单选框： <label><input type="radio" name="sex" value="male" checked>Male</label> <label><input type="radio" name="sex" value="female">Female</label> 复选框： <label><input type="checkbox" name="vehicle" value="Bike">I have a bike</label> <label><input type="checkbox" name="vehicle" value="Car">I have a car </label> <label><input type="checkbox" name="vehicle" value="skateboard">I have a skateboard </label>

注释：<!-- 开始添加注释，并用 --> 结束注释

块级元素

div、h1~h6、blockquote、dl、dt、dd、form、hr、ol、p、pre、table、ul ...

特点：总是在新行上开始，高度、行高以及顶和底边距都可控制，宽度缺省（默认）是它的容器的100%，除非设定一个宽度。

功能：主要用来搭建网站架构、页面布局、承载内容。

行内元素

span、a、b、br、code、em、i、img、input、label、select、textarea ...

特点：和其他元素都在一行上，高、行高及顶和底边距不可改变，宽度就是它的文字或图片的宽度，不可改变。

功能：用于加强内容显示,控制细节，例如：加粗、斜体等等。

HTML5 引入了很多更具描述性的 HTML 元素

例如：header、footer、nav、video、article、section、main、side等。