HTML元素类型

HTML元素类型
元数据和脚本标签
<meta/>
<title></title>
<style></style>
<link/>
<script></script>
<noscript></noscript>
<base/>
文本元素
<a></a>超链接
<span></span>标出关键字或语句
<b></b>加粗(仅限文本并且html里不用这个标签)
<strong></strong>加粗(不只限文本还有加重语气)
<i></i>斜体 (针对正常人群)
<em></em>斜体(针对视觉障碍人群)
<abbr></abbr>缩写
<time></time>时间
<small></small>缩小字体(一般使用在页脚处)
上标
下标
<q></q>小段文本引用
<cite></cite>引用(但很少使用)
<mark></mark>给某段文本上背景色(不使用)
组合类型
<br/>换行
<hr/>分割线
<div></div>区域、区块
<blockquote></blockquote>大段引用
<pre></pre>在页面上按照其标签里的元素内容原样显示
<figure>
<img/>插入图片
<figcaption></figcaption>对插入的图片进行说明
</figure>
列表元素
<ol>
<li></li>
</ol>
有序列表
<ul>
<li></li>
</ul>
无序列表
<dl>
<dt></dt>相当于键字
<dd></dd>对上面的描述
</dl>
自定义列表
表格元素
<table>
<tr>行标签
<td></td>列标签
</tr>
</table>
colspan=''n" （合并n列)
rowspan="n" (合并n行)
都用在td标签里
表单元素
<form action="提交的地址" method="get(明文传输)/post(加密传输)"></form>
input输入框
<input type="text" (文本) value=" "/>
"password" (密码) value=" "/>
"submit" (提交）
“reset" (重置)
"button" (普通按钮)
拓展知识：<input type="text" required/> (表示输入框里是必填项)
<input type=" " required maxlength=" "/> (设置输入框内容的最大长度)
单选框：<input type="radio" name=" " value=" "/> (如果多个单选框只能选一个，name值应该相同，value值则不同)
多选框：<input type=“checkbox" name=" " value=" "/> (多选框的name值也要相同)
多行文本框：<textarea name=" " cols=" " rows=" "> </textarea>
下拉列表
<select name=" ">
<option value=" "> </option>
</select>
文档章节元素
<h1-h6></h1-h6>
地址元素
<address></address>
标题组元素
<hgroup></hgroup>
语义化结构元素
<header></header>表示页面或某个区域的头部
<nav></nav>表示导航栏
<aside></aside>用于表示跟周围主题相关的附加信息
<article></article>用于表示文章或其他可独立页面存在的内容
<section></section>用于表示一个整体的一部分主题
<footer></footer>用于表示页面或某个区域的脚注
一般放在<div></div>中
嵌入式元素
<img src=" " alt=" "/>图片插入
<audio src=" " controls></audio> 表示点击播放音频
<audio src=" " controls autoplay></audio> 表示进入页面自动播放音频
<audio src=" " controls autoplay loop></audio>表示循环播放音频
<video src=" " controls></audio> 表示点击播放视频
<video src=" " controls autoplay></audio> 表示进入页面自动播放视频
<video src=" " controls autoplay loop></audio>表示循环播放视频
交互元素
<details>
<summary>页面上会显示的内容</summary>
<p>点击后才会出现在页面上的内容</p>
</details>
都是在head元素内容里