最近学html基础，记录下最近用到的标签和对应的用法
<a>
标签定义超链接。
标签特有样式：
```
a:link {color: blue} /* 未被访问的链接 蓝色 */
a:visited {color: blue} /* 已被访问过的链接 蓝色 */
a:hover {color: blue} /* 鼠标悬浮在上的链接 蓝色 */
a:active {color: blue} /* 鼠标点中激活链接 蓝色 */
```
<b>
标签定义粗体的文本。
<body>
标签定义文档的主体。
<body> 元素包含文档的所有内容（比如文本、超链接、图像、表格和列表等等）。
<br>
标签插入一个简单的换行符。
<br> 标签是一个空标签，意味着它没有结束标签。
<button>
标签定义一个按钮。在 <button> 元素内部，您可以放置内容，比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。
<button>的状态
hover 鼠标悬停状态。
active 点击状态（按下弹起）。
focus 取得焦点状态（按下不弹起）。
.btn:focus{outline:0;} 可以去除按钮或a标签点击后的蓝色边框。
<dl>
标签定义一个描述列表。
<dl> 标签与 <dt> （定义项目/名字）和 <dd> （描述每一个项目/名字）一起使用。
<div>
标签定义 HTML 文档中的一个分隔区块或者一个区域部分。
<div>标签常用于组合块级元素，以便通过 CSS 来对这些元素进行格式化。
<em>
标签是一个短语标签，用来呈现为被强调的文本。
<footer>
标签定义文档或者文档的一部分区域的页脚。
<footer> 元素应该包含它所包含的元素的信息。
在典型情况下，该元素会包含文档创作者的姓名、文档的版权信息、使用条款的链接、联系信息等等
在一个文档中，您可以定义多个 <footer> 元素。
<head>
元素是所有头部元素的容器。
<head> 元素必须包含文档的标题（title），可以包含脚本、样式、meta 信息 以及其他更多的信息。
<header>
标签定义文档或者文档的一部分区域的页眉。
<header> 元素应该作为介绍内容或者导航链接栏的容器。
在一个文档中，您可以定义多个 <header> 元素。
<hr>
定义水平线
<hr> 标签定义 HTML 页面中的主题变化（比如话题的转移），并显示为一条水平线。
<hr> 元素被用来分隔 HTML 页面中的内容（或者定义一个变化）。
<img>
<img> 标签定义 HTML 页面中的图像。
<img> 标签有两个必需的属性：src (地址)和 alt（图片不能正常显示时的文本提示）。
<input>
<input> 标签规定了用户可以在其中输入数据的输入字段。
<input> 元素在 <form> 元素中使用，用来声明允许用户输入数据的 input 控件。
输入字段可通过多种方式改变，取决于 type 属性。
<label>
<label> 标签为 input 元素定义标注（标记）。
label 元素不会向用户呈现任何特殊效果。不过，它为鼠标用户改进了可用性。如果您在 label 元素内点击文本，就会触发此控件。就是说，当用户选择该标签时，浏览器就会自动将焦点转到和标签相关的表单控件上。
<label> 标签的 for 属性应当与相关元素的 id 属性相同。
<li>
<li> 标签定义列表项目。
<li> 标签可用在有序列表（<ol>）、无序列表（<ul>）和菜单列表（<menu>）中。
<nav>
<nav> 标签定义导航链接的部分。
并不是所有的 HTML 文档都要使用到 <nav> 元素。<nav> 元素只是作为标注一个导航链接的区域。
在不同设备上（手机或者PC）可以制定导航链接是否显示，以适应不同屏幕的需求。
<option>
The <option> 标签定义下拉列表中的一个选项（一个条目）。
<option> 标签中的内容作为 <select> 或者<datalist> 一个元素使用。
<output>
<output> 标签作为计算结果输出显示(比如执行脚本的输出)。
<p>
<p> 标签定义段落。
<p>元素会自动在其前后创建一些空白。浏览器会自动添加这些空间，您也可以在样式表中规定。
<html>
<html> 标签告知浏览器这是一个 HTML 文档。
<html> 标签是 HTML 文档中最外层的元素。
<html> 标签是所有其他 HTML 元素（除了 <!DOCTYPE> 标签）的容器。
<picture>
picture 元素允许我们在不同的设备上显示不同的图片，一般用于响应式。
HTML5 引入了 <picture> 元素，该元素可以让图片资源的调整更加灵活。
<picture> 元素零或多个 <source> 元素和一个 <img> 元素，每个 <source> 元素匹配不同的设备并引用不同的图像源，如果没有匹配的，就选择 <img> 元素的 src 属性中的 url。
<script>
<script> 标签用于定义客户端脚本，比如 JavaScript。
<script> 元素既可包含脚本语句，也可以通过 "src" 属性指向外部脚本文件。
<section>
<section> 标签定义了文档的某个区域。比如章节、头部、底部或者文档的其他区域。
<select>
<select> 元素用来创建下拉列表。
<select> 元素中的 <option> 标签定义了列表中的可用选项。
<source>
<source> 标签为媒体元素（比如 <video> 和 <audio>）定义媒体资源。
<source> 标签允许您规定两个视频/音频文件共浏览器根据它对媒体类型或者编解码器的支持进行选择。
<span>
<span> 用于对文档中的行内元素进行组合。
<span> 标签没有固定的格式表现。当对它应用样式时，它才会产生视觉上的变化。如果不对 <span> 应用样式，那么 <span> 元素中的文本与其他文本不会任何视觉上的差异。
<span> 标签提供了一种将文本的一部分或者文档的一部分独立出来的方式。
<style>
<style> 标签定义 HTML 文档的样式信息。
在 <style> 元素中，您可以规定在浏览器中如何呈现 HTML 文档。
每个 HTML 文档能包含多个 <style> 标签。
<table>
<table> 标签定义 HTML 表格
一个 HTML 表格包括 <table> 元素，一个或多个 <tr>、<th> 以及 <td> 元素。
<tr> 元素定义表格行，<th> 元素定义表头，<td> 元素定义表格单元。
更复杂的 HTML 表格也可能包括 <caption>、<col>、<colgroup>、<thead>、<tfoot> 以及 <tbody> 元素。
<td>
<td> 标签定义 HTML 表格中的标准单元格。
HTML 表格有两种单元格类型：①表头单元格 - 包含头部信息（由 <th> 元素创建），②标准单元格 - 包含数据（由 <td> 元素创建）
<th> 元素中的文本通常呈现为粗体并且居中。
<td> 元素中的文本通常是普通的左对齐文本
<textarea>
<textarea> 标签定义一个多行的文本输入控件。
文本区域中可容纳无限数量的文本，其中的文本的默认字体是等宽字体（通常是 Courier）。
可以通过 cols 和 rows 属性来规定 textarea 的尺寸大小，不过更好的办法是使用 CSS 的 height 和 width 属性。
<th>
<th> 标签定义 HTML 表格中的表头单元格。
HTML 表格有两种单元格类型：①表头单元格 - 包含头部信息（由 <th> 元素创建）,②标准单元格 - 包含数据（由 <td> 元素创建）
<th> 元素中的文本通常呈现为粗体并且居中。
<td> 元素中的文本通常是普通的左对齐文本。
<thead>
<thead> 标签用于组合 HTML 表格的表头内容。
<thead> 元素应该与 <tbody> 和 <tfoot> 元素结合起来使用，用来规定表格的各个部分（表头、主体、页脚）。
通过使用这些元素，使浏览器有能力支持独立于表格表头和表格页脚的表格主体滚动。当包含多个页面的长的表格被打印时，表格的表头和页脚可被打印在包含表格数据的每张页面上。
<thead> 标签必须被用在以下情境中：作为 <table> 元素的子元素，出现在 <caption>、<colgroup> 元素之后，<tbody>、 <tfoot> 和 <tr> 元素之前。
<time>
<time> 标签定义公历的时间（24 小时制）或日期，时间和时区偏移是可选的。
该元素能够以机器可读的方式对日期和时间进行编码，这样，举例说，用户代理能够把生日提醒或排定的事件添加到用户日程表中，搜索引擎也能够生成更智能的搜索结果。
<title>
<title> 标签定义文档的标题，在所有 HTML 文档中是必需的。
<title>元素：
- 定义浏览器工具栏中的标题
- 提供页面被添加到收藏夹时的标题
- 显示在搜索引擎结果中的页面标题
<tr>
<tr> 标签定义 HTML 表格中的行。
一个 <tr> 元素包含一个或多个 <th> 或 <td> 元素。
<ul>
<ul> 标签定义无序列表。
将 <ul> 标签与 <li> 标签一起使用，创建无序列表。
<video>
<video> 标签定义视频，比如电影片段或其他视频流。
目前，<video> 元素支持三种视频格式：MP4、WebM、Ogg。
扫一扫
6382
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
