郭某人的网站

 关于 / 留言

此页列举了很多 HTML 规范中原生默认样式的 Element 元素组件，供相关从业者参考；为了便于查看，给其中一些元素加了点必要的内容，你可以点击切换每一个元素下方的样式开关来赋予其指定的样式；至于那些原本默认就不绘制出的、没有实际内容的元素这里不会展示出来，比如 <div> 等；那些在浏览器中的呈现几乎无差别的这里也不展示，比如 <button type="submit"> 与 <button type="reset"> 等。

HTMLAnchorElement
<a>
超链接

超链接
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLAudioElement
<audio>
音频

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLButtonElement
<button type="button">
按钮

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLDListElement
<dl>
定义列表

dt 定义标题
dd 定义内容
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLElement
<dt>
定义标题

dt 定义标题
dd 定义内容
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLElement
<dd>
定义内容

dt 定义标题
dd 定义内容
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLDetailsElement
<details>
详细信息

summary 摘要这是一段文本节点
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLElement
<summary>
摘要

summary 摘要这是一段文本节点
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLEmbedElement
<embed type="unknown">
嵌入内容

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLFieldSetElement
<fieldset>
域

legend 域标题这是一段文本节点
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLLegendElement
<legend>
域标题

legend 域标题这是一段文本节点
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLHRElement
<hr>
水平分割线

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLHeadingElement
<h1>
一级标题

一级标题

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLHeadingElement
<h2>
二级标题

二级标题

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLHeadingElement
<h3>
三级标题

三级标题

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLHeadingElement
<h4>
四级标题

四级标题

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLHeadingElement
<h5>
五级标题

五级标题
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLHeadingElement
<h6>
六级标题

六级标题
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLIFrameElement
<iframe>
内嵌框架

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLImageElement
<img>
图像

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="checkbox">
复选框

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="color">
颜色选择器

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="date">
日期选择器

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="datetime-local">
日期与时间选择器

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="file">
文件选择器

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="month">
年月选择器

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="number">
数字输入框

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="radio">
单选按钮

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="range">
范围选择器

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="time">
时间选择器

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLInputElement
<input type="week">
年与周数选择器

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLLabelElement
<label>
标签

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLOListElement
<ol>
有序列表

  1. li 列表项
  2. li 列表项
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLUListElement
<ul>
无序列表

  • li 列表项
  • li 列表项
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLLIElement
<li>
列表项

  • li 列表项
  • li 列表项
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLMeterElement
<meter>
标量值

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLModElement
<del>
删除标记

删除标记
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLModElement
<ins>
插入标记

插入标记
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLParagraphElement
<p>
段落

段落

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLSelectElement
<select multiple>
选择框

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLOptGroupElement
<optgroup>
选项组

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLOptionElement
<option>
选项

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLTableElement
<table>
表格

第一个 tr 中的第一个 th第一个 tr 中的第二个 th
第二个 tr 中的第一个 td第二个 tr 中的第二个 td
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLTableCaptionElement
<caption>
表格标题

caption 表格标题
第一个 tr 中的第一个 th第一个 tr 中的第二个 th
第二个 tr 中的第一个 td第二个 tr 中的第二个 td
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLTableRowElement
<tr>
表格行

第一个 tr 中的第一个 th第一个 tr 中的第二个 th
第二个 tr 中的第一个 td第二个 tr 中的第二个 td
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLTableColElement
<col>
表格列

第一个 tr 中的第一个 td第一个 tr 中的第二个 td
第二个 tr 中的第一个 td第二个 tr 中的第二个 td
第三个 tr 中的第一个 td第三个 tr 中的第二个 td
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLTableCellElement
<td>
数据单元格

第一个 tr 中的第一个 td第一个 tr 中的第二个 td
第二个 tr 中的第一个 td第二个 tr 中的第二个 td
border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLTextAreaElement
<textarea>
文本区域

border:1px solid red color:green background:blue width:150px height:150px padding:10px

HTMLVideoElement
<video>
视频

border:1px solid red color:green background:blue width:150px height:150px padding:10px