本篇是HTML标签汇总笔记,供查询用。
常用标签
<html>
<head> 头部
<body> html body
<p> 段落标签
<h> 标题标签 1~6共6个等级
<hr> 表示一条水平横线
<br> 换行
<nobr> 不换行
<center> 居中显示
<marquee> 走马灯
<button> 按钮
<script> 嵌入JavaScript脚本
<a> 锚点和超链接
<img> 图片
文本标签
<b> 加粗
<strong> 加粗 语义
<small> 显示小号字体
<i> 斜体
<em> 斜体
<u> 下划线
<sup> 上标
<sub> 下标
<span> 组合文档中的行内元素
<font> 设置字体大小、颜色等,更建议用CSS实现相关功能
Html语义标签
<blockquote> 用于表示文本的引用
<cite> 用于表示文本对某个参考文献的引用
<address> 用于表示地址(斜体)
<code> 用于表示代码
<var> 用于表示变量
<dfn> 用于定义专业术语
<del> 中划线
<pre> 预先格式化
<mark> 用以标记重点
<details> 用于表示详细信息
<summary>用于表示摘要信息
Html结构标签
<div> 没有语义,多用作钩子
<section> section不仅仅是一个标签容器,它带有明显的语义。常用于对网站或者应用程序中页面上的内容进行分块。
<article> 特殊的section标签,它比section更具有明确的语义。无论从结构上还是内容上来说,它代表一个独立的、完整的相关内容块
<header> article的标题部分
<footer> article的footer部分
Html列表标签
<ul> 无序列表
<ol> 有序列表
<li> 列表项
<dl> 定义列表
<dt> 定义列表开始
<dd> 定义列表项
HTML表格标签
<table> 用于展示表格
<caption> 表格标题
<tr> 表格的行
<th> 表格的表头单元格
<td> 表格的单元格
HTML表单标签
<fieldset> 可将表单内的相关元素分组
<input> 功能丰富,通过设置type可以实现文本框、选择框等功能
<selction> & <option> 实现下拉选择
<textarea> 文本输入区域
<datalist> 用于展示文本框与下拉菜单组合在一起的效果,请注意datalist的id值必须是form表单的list属性值
HTML5新增标签
<meter> 用于表示度量结果
<progress> 用于表示进度
<audio> 音频文件
<video> 视频文件
未完待续~