HTML标签解释大全资源-CSDN文库

4星 · 超过85%的资源需积分: 32 49 浏览量 2011-03-28 21:27:19 上传评论收藏 164KB PDF 举报

### HTML标签解释大全 #### 一、HTML标记在HTML中，标记（也称为标签）是用来定义网页结构和布局的基本元素。以下是对部分常用HTML标签的详细介绍。 ##### 标签：!DOCTYPE - **说明**：`!DOCTYPE` 指定了HTML文档遵循的文档类型定义(DTD)。DTD是一种规定了HTML文档应该遵循的规则的标准，它告诉浏览器应该以何种模式来解析和呈现文档。例如： ```html <!DOCTYPE html> ``` 这一行代码告诉浏览器这是一个HTML5文档。 ##### 标签：a - **说明**：`<a>` 标签用于创建超链接，标明超链接的起始或目的位置。例如： ```html <a href="https://www.example.com">链接文本</a> ``` ##### 标签：acronym - **说明**：`<acronym>` 标签用于标明缩写词，但这个标签已经被废弃，在HTML5中不再推荐使用。例如： ```html <acronym title="World Health Organization">WHO</acronym> ``` ##### 标签：address - **说明**：`<address>` 标签用于表示文档或文章的作者信息，通常是联系信息。例如： ```html <address>作者: John Doe<br>电子邮件: <a href="mailto:johndoe@example.com">johndoe@example.com</a></address> ``` ##### 标签：applet - **说明**：`<applet>` 标签用于在页面上放置Java Applet。随着技术的发展，这个标签已被废弃。例如： ```html <applet code="ExampleApplet.class" width="300" height="200"></applet> ``` ##### 标签：area - **说明**：`<area>` 标签定义了一个客户端图像映射中一个超级链接区域的形状、坐标和关联URL。它常与 `<map>` 和 `<img>` 标签一起使用。例如： ```html <img src="image.jpg" usemap="#examplemap"> <map name="examplemap"> <area shape="rect" coords="0,0,82,126" href="http://www.example.com/"> </map> ``` ##### 标签：attribute - **说明**：虽然没有直接对应的 `<attribute>` 标签，但这里的“attribute”通常是指HTML元素的属性，比如 `href`、`src` 等。这些属性可以用来定义元素的行为和外观。 ##### 标签：b - **说明**：`<b>` 标签用于指定文本应以粗体渲染。例如： ```html <b>这是一段粗体文本。</b> ``` ##### 标签：base - **说明**：`<base>` 标签用于指定一个显式URL用于解析对于外部源的链接和引用，如图像和样式表。这对于简化文档中的链接路径很有用。例如： ```html <base href="http://www.example.com/"> <a href="subpage.html">子页面</a> ``` ##### 标签：basefont - **说明**：`<basefont>` 标签用于设置渲染文本时作为默认字体的基础字体值，但该标签已经被废弃。例如： ```html <basefont face="Arial" size="3"> <p>这是一段文本。</p> ``` ##### 标签：bdo - **说明**：`<bdo>` 标签允许作者为选定文本片断禁用双向法则。例如： ```html <bdo dir="rtl">这段文本将从右向左显示。</bdo> ``` ##### 标签：bgsound - **说明**：`<bgsound>` 标签允许页面带有背景声音或创建音轨，但该标签已经被废弃。例如： ```html <bgsound src="sound.wav" loop="true"> ``` ##### 标签：big - **说明**：`<big>` 标签用于指定内含文本要以比当前字体稍大的字体显示，但该标签已经被废弃。例如： ```html <big>这是大号字体。</big> ``` ##### 标签：blockquote - **说明**：`<blockquote>` 标签用于设置文本中的一段引语。例如： ```html <blockquote>这是引用的一段话。</blockquote> ``` ##### 标签：body - **说明**：`<body>` 标签用于指定文档主体的开始和结束。所有的可见内容都应当位于 `<body>` 标签之间。例如： ```html <body> <h1>欢迎来到我的网站</h1> <p>这是主页的第一段文字。</p> </body> ``` ##### 标签：br - **说明**：`<br>` 标签用于插入一个换行符，强制文本在新的一行显示。例如： ```html <p>第一行文本.<br>第二行文本.</p> ``` ##### 标签：button - **说明**：`<button>` 标签用于指定其中所含的HTML要被渲染为一个按钮。例如： ```html <button type="button">点击我</button> ``` ##### 标签：caption - **说明**：`<caption>` 标签用于指定表格的简要描述。例如： ```html <table> <caption>销售数据</caption> <tr><th>月份</th><th>销售额</th></tr> <tr><td>一月</td><td>1000元</td></tr> </table> ``` ##### 标签：center - **说明**：`<center>` 标签用于将后面的文本和图像居中显示，但该标签已经被废弃。例如： ```html <center>这是居中的文本。</center> ``` ##### 标签：cite - **说明**：`<cite>` 标签用于用斜体显示标明引言。例如： ```html <p><cite>The Scream</cite> by Edvard Munch.</p> ``` ##### 标签：clientinformation - **说明**：虽然没有直接对应的 `<clientinformation>` 标签，但这里的“clientinformation”可能是指浏览器可以提供的客户端信息，例如通过JavaScript获取。 ##### 标签：clipboarddata - **说明**：虽然没有直接对应的 `<clipboarddata>` 标签，但这里的“clipboarddata”可能是指通过JavaScript等手段提供的对剪贴板数据的操作接口。 ##### 标签：code - **说明**：`<code>` 标签用于指定代码范例，例如： ```html <pre><code><script>alert('Hello, World!');</script></code></pre> ``` ##### 标签：col - **说明**：`<col>` 标签用于指定基于列的表格默认属性。例如： ```html <table> <colgroup> <col span="2"> <col style="background-color:yellow"> </colgroup> <tr><th>姓名</th><th>年龄</th><th>城市</th></tr> <tr><td>John</td><td>30</td><td>New York</td></tr> </table> ``` ##### 标签：colgroup - **说明**：`<colgroup>` 标签用于指定表格中一列或一组列的默认属性。例如： ```html <table> <colgroup> <col span="2"> <col style="background-color:yellow"> </colgroup> <tr><th>姓名</th><th>年龄</th><th>城市</th></tr> <tr><td>John</td><td>30</td><td>New York</td></tr> </table> ``` ##### 标签：comment - **说明**：`` 标签用于标明不可见的注释，这对于开发者来说非常有用。例如： ```html  ``` ##### 标签：currentStyle - **说明**：虽然没有直接对应的 `<currentStyle>` 标签，但这里的“currentStyle”可能是指一个对象属性，用于表示某个元素的当前样式信息。 ##### 标签：custom - **说明**：虽然没有直接对应的 `<custom>` 标签，但这里的“custom”可能是指自定义的HTML元素，例如通过Web Components API定义的自定义元素。 ##### 标签：datatransfer - **说明**：虽然没有直接对应的 `<datatransfer>` 标签，但这里的“datatransfer”可能是指与拖放操作相关的数据传输机制。 ##### 标签：dd - **说明**：`<dd>` 标签用于在定义列表中表明定义。定义通常在定义列表中缩进。例如： ```html <dl> <dt>HTML</dt> <dd>HyperText Markup Language</dd> </dl> ``` ##### 标签：defaults - **说明**：虽然没有直接对应的 `<defaults>` 标签，但这里的“defaults”可能是指设置元素行为的默认属性。 ##### 标签：del - **说明**：`<del>` 标签用于表明文本已经从文档中删除。例如： ```html <p>这段话<del>不再有效</del>。</p> ``` ##### 标签：dfn - **说明**：`<dfn>` 标签用于表明术语的定义实例。例如： ```html <p><dfn>HTML</dfn> stands for HyperText Markup Language.</p> ``` ##### 标签：dir - **说明**：虽然没有直接对应的 `<dir>` 标签，但这里的“dir”可能是指 `<directory>` 标签，用于引起目录列表。 ##### 标签：div - **说明**：`<div>` 标签用于指定渲染HTML的容器。它可以用来分组其他HTML元素，并应用CSS样式。例如： ```html <div style="border:1px solid black;"> <p>这是第一段文字。</p> <p>这是第二段文字。</p> </div> ``` ##### 标签：dl - **说明**：`<dl>` 标签用于引起定义列表。例如： ```html <dl> <dt>HTML</dt> <dd>HyperText Markup Language</dd> </dl> ``` ##### 标签：document - **说明**：虽然没有直接对应的 `<document>` 标签，但这里的“document”可能是指浏览器中的Document对象，它是HTML文档的根节点，可以通过JavaScript进行操作。 ##### 标签：dt - **说明**：`<dt>` 标签用于在定义列表中表明定义术语。例如： ```html <dl> <dt>HTML</dt> <dd>HyperText Markup Language</dd> </dl> ``` ##### 标签：em - **说明**：`<em>` 标签用于强调文本，通常以斜体渲染。例如： ```html <p>这是<em>强调</em>的文本。</p> ``` ##### 标签：embed - **说明**：`<embed>` 标签用于允许嵌入任何文档。例如： ```html <embed src="movie.swf" type="application/x-shockwave-flash" width="400" height="300"> ``` ##### 标签：event - **说明**：虽然没有直接对应的 `<event>` 标签，但这里的“event”可能是指事件处理机制，例如JavaScript中的事件监听器。 ##### 标签：external - **说明**：虽然没有直接对应的 `<external>` 标签，但这里的“external”可能是指访问由Microsoft Internet Explorer浏览器组件宿主应用程序提供的附加对象模型。 ##### 标签：fieldset - **说明**：`<fieldset>` 标签用于在字段集包含的文本和其它元素外面绘制一个方框。例如： ```html <fieldset> <legend>个人信息</legend> <label for="fname">名字:</label><br> <input type="text" id="fname" name="fname"><br> </fieldset> ``` ##### 标签：font - **说明**：`<font>` 标签用于指定用于渲染所包含文本的新字体、大小和颜色，但该标签已经被废弃。例如： ```html <font color="red" size="+2">这是红色的大号字体。</font> ``` ##### 标签：frame - **说明**：`<frame>` 标签用于在FRAMESET元素内指定单个框架。例如： ```html <frameset rows="100,*"> <frame src="header.html"> <frame src="main.html"> </frameset> ``` ##### 标签：frameset - **说明**：`<frameset>` 标签用于指定一个框架集，用于组织多个框架和嵌套框架集。例如： ```html <frameset cols="25%,*"> <frame src="sidebar.html"> <frame src="content.html"> </frameset> ``` ##### 标签：from - **说明**：可能是笔误，正确的应该是 `<form>` 标签，用于指定所包含控件在表单中起作用。例如： ```html <form action="/submit" method="post"> <label for="name">姓名:</label> <input type="text" id="name" name="name"> <input type="submit" value="提交"> </form> ``` ##### 标签：head - **说明**：`<head>` 标签用于提供了关于文档的无序信息集合，如元数据、样式表和脚本等。例如： ```html <head> <title>我的网站</title> <link rel="stylesheet" href="styles.css"> </head> ``` ##### 标签：history - **说明**：虽然没有直接对应的 `<history>` 标签，但这里的“history”可能是指浏览器的历史记录对象，可以通过JavaScript进行操作。 ##### 标签：hn - **说明**：可能是笔误，正确的应该是 `<h1>` 到 `<h6>` 标签，用于以标题样式渲染文本。例如： ```html <h1>这是主标题</h1> <h2>这是副标题</h2> ``` ##### 标签：hr - **说明**：`<hr>` 标签用于绘制水平线，用于分隔不同的内容区块。例如： ```html <hr> ``` ##### 标签：html - **说明**：`<html>` 标签表明文档包含HTML元素。它代表画布——也就是文档内容将渲染到的整个表面。例如： ```html <!DOCTYPE html> <html> <head> <title>我的网站</title> </head> <body> <h1>欢迎来到我的网站</h1> </body> </html> ``` ##### 标签：i - **说明**：`<i>` 标签用于指定文本应以斜体渲染，若可用的话。例如： ```html <p>这是<i>斜体</i>文本。</p> ``` ##### 标签：iframe - **说明**：`<iframe>` 标签用于创建内嵌浮动框架。例如： ```html <iframe src="https://www.example.com" width="300" height="200"></iframe> ``` ##### 标签：input - **说明**：`<input>` 标签用于创建各种表单输入控件，例如文本框、复选框等。例如： ```html <input type="text" placeholder="请输入您的名字"> ``` ##### 标签：inputtype=button - **说明**：`<input type="button">` 创建按钮控件。例如： ```html <input type="button" value="点击我"> ``` ##### 标签：inputtype=checkbox - **说明**：`<input type="checkbox">` 创建复选框控件。例如： ```html <input type="checkbox" id="option1" value="Option 1"> <label for="option1">选项 1</label> ``` ##### 标签：inputtype=file - **说明**：`<input type="file">` 创建文件上载控件，该控件带有一个文本框和一个浏览按钮。例如： ```html <input type="file" id="fileInput" name="fileInput"> ``` ##### 标签：inputtype=hidden - **说明**：`<input type="hidden">` 传输关于客户/服务器交互的状态信息。例如： ```html <input type="hidden" name="sessionID" value="123456"> ``` ##### 标签：inputtype=image - **说明**：`<input type="image">` 创建一个图像控件，该控件单击后将导致表单立即被提交。例如： ```html <input type="image" src="submit.png" alt="Submit" width="48" height="48"> ```

资源推荐

资源详情

资源评论