HTML常用标签

桃扇骨 2022-07-03 13:57 204阅读 0赞

<table> 
 <thead> 
  <tr> 
   <th></th> 
   <th></th> 
   <th></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>标签</td> 
   <td>描述</td> 
   <td>用法</td> 
  </tr> 
  <tr> 
   <td>&lt;html&gt;</td> 
   <td>定义 HTML 文档</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;Doctype&gt;</td> 
   <td>声明使用的html版本和风格</td> 
   <td>&lt;!Doctype html&gt;</td> 
  </tr> 
  <tr> 
   <td>&lt;head&gt;</td> 
   <td>页面的头部内容，定义页面全局信息</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;body&gt;</td> 
   <td>页面的主体内容</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;title&gt;</td> 
   <td>网页标题</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;meta /&gt;</td> 
   <td>声明元数据（编码、关键字、描述）</td> 
   <td>&lt;meta charset="utf-8" /&gt;</td> 
  </tr> 
  <tr> 
   <td>&lt;link /&gt;</td> 
   <td>引入外部样式表</td> 
   <td>&lt;link rel="stylesheet" type="text/css" href="样式表文件路径" /&gt;</td> 
  </tr> 
  <tr> 
   <td>&lt;script&gt;</td> 
   <td>定义或引入脚本文件</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;style&gt;</td> 
   <td>声明内部样式表</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;b&gt;</td> 
   <td>加粗文本</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;i&gt;</td> 
   <td>斜体文本</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;u&gt;</td> 
   <td>下划线</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;s&gt;</td> 
   <td>删除线</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;sup&gt;</td> 
   <td>上标</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;sub&gt;</td> 
   <td>下标</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;hn&gt;</td> 
   <td>1-6级6个标题</td> 
   <td>一级最大，六级最小；块级元素</td> 
  </tr> 
  <tr> 
   <td>&lt;p&gt;</td> 
   <td>段落元素</td> 
   <td>块级元素</td> 
  </tr> 
  <tr> 
   <td>&lt;br /&gt;</td> 
   <td>换行元素</td> 
   <td>在代码的任何位置处，实现回车的效果</td> 
  </tr> 
  <tr> 
   <td>&lt;hr /&gt;</td> 
   <td>水平线/分割线</td> 
   <td>块级元素</td> 
  </tr> 
  <tr> 
   <td>&lt;div&gt;</td> 
   <td>块分区元素</td> 
   <td>主要用在布局上；块级元素</td> 
  </tr> 
  <tr> 
   <td>&lt;span&gt;</td> 
   <td>行内分区元素</td> 
   <td>修改其内部内容的样式；块级元素</td> 
  </tr> 
  <tr> 
   <td>&lt;pre&gt;</td> 
   <td>预格式化</td> 
   <td>保留源文档中的空格和回车</td> 
  </tr> 
  <tr> 
   <td>&lt;!– –&gt;</td> 
   <td>注释</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;img /&gt;</td> 
   <td>图像元素</td> 
   <td>&lt;img src="images/logo.png" /&gt;</td> 
  </tr> 
  <tr> 
   <td>&lt;a&gt;</td> 
   <td>链接</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;table&gt;</td> 
   <td>表格</td> 
   <td>跨列：colspan，向右跨行：rowspan，向下</td> 
  </tr> 
  <tr> 
   <td>&lt;tr&gt;</td> 
   <td>行</td> 
   <td>先行后列</td> 
  </tr> 
  <tr> 
   <td>&lt;td&gt;</td> 
   <td>列（单元格）</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;caption&gt;</td> 
   <td>表格的标题</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;thead&gt;</td> 
   <td>表头</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;tbody&gt;</td> 
   <td>表主体</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;tfoot&gt;</td> 
   <td>表尾</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;ol&gt;</td> 
   <td>有序列表</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;li&gt;</td> 
   <td>列表项</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;ul&gt;</td> 
   <td>无序列表</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;dl&gt;</td> 
   <td>自定义列表</td> 
   <td>适合做图文混排的布局</td> 
  </tr> 
  <tr> 
   <td>&lt;dt&gt;</td> 
   <td>列表内容标题</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;dd&gt;</td> 
   <td>列表数据</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;header&gt;</td> 
   <td>用作与网页头部</td> 
   <td>可能包含网页标题、LOGO、导航等信息，等同于&lt;div id="header"&gt;&lt;/div&gt;</td> 
  </tr> 
  <tr> 
   <td>&lt;nav&gt;</td> 
   <td>用于定义网页导航</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;section&gt;</td> 
   <td>表示网页内容中的某一具体部分</td> 
   <td>定义文章的章节、内容的楼层（购物类网站居多）</td> 
  </tr> 
  <tr> 
   <td>&lt;article&gt;</td> 
   <td>文章、内容、信息等</td> 
   <td>在论坛中表示某一具体帖子信息、新闻类网站某一具体新闻信息、博客类的网站具体博客条目或用户评论等</td> 
  </tr> 
  <tr> 
   <td>&lt;footer&gt;</td> 
   <td>定义网页的底部信息</td> 
   <td>多用于企业介绍、标识等部分内容</td> 
  </tr> 
  <tr> 
   <td>&lt;aside&gt;</td> 
   <td>可以表示正规内容额外的部分</td> 
   <td>边栏内容优先使用&lt;aside&gt;</td> 
  </tr> 
  <tr> 
   <td>&lt;form&gt;</td> 
   <td>表单</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;input /&gt;</td> 
   <td>用于搜集用户信息</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;select&gt;</td> 
   <td>选项框、下拉框、下拉列表</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;option&gt;</td> 
   <td>定义下拉列表中的一个选项</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;textarea&gt;</td> 
   <td>多行文本域</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;label&gt;</td> 
   <td>关联文本与表单元素</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;iframe&gt;</td> 
   <td>浮动框架，在一个浏览器中同时显示多个页面文档</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;details&gt;</td> 
   <td>用于描述文档或文档某个部分的细节</td> 
   <td>将一部分内容进行收缩或展开的动作</td> 
  </tr> 
  <tr> 
   <td>&lt;summary&gt;</td> 
   <td>details 元素的标题</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;meter&gt;</td> 
   <td>度量元素</td> 
   <td>用于已知最大和最小值的度量</td> 
  </tr> 
  <tr> 
   <td>&lt;time&gt;</td> 
   <td>时间元素</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;fieldset&gt;</td> 
   <td>分组元素，可将表单内的相关元素分组</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;legend&gt;</td> 
   <td>为fieldset元素定义标题</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>&lt;mark&gt;</td> 
   <td>高亮文本显示</td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>