HTML标签的基本用法（4）

最新推荐文章于 2021-04-05 16:50:40 发布

～狗子～

最新推荐文章于 2021-04-05 16:50:40 发布

阅读量259

点赞数

分类专栏：笔记

本文链接：https://blog.csdn.net/programmer_dog/article/details/115303380

版权

笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML

HTML <mark> 标签

标签定义带有记号的文本。请在需要突出显示文本时使用 <m> 标签。

实例
突出显示部分文本：

<p>Do not forget to buy <mark>milk</mark> today.</p>

HTML <menu> 标签

标签定义命令的列表或菜单。
标签用于上下文菜单、工具栏以及用于列出表单控件和命令。

实例
带有两个菜单按钮 （"File" 和 "Edit"） 的工具栏，每个按钮都包含带有一系列选项的下拉列表：

<menu type="toolbar">
 <li>
 <menu label="File">
 <button type="button" onclick="file_new()">New...</button>
 <button type="button" onclick="file_open()">Open...</button>
 <button type="button" onclick="file_save()">Save</button>
 </menu>
 </li>
 <li>
 <menu label="Edit">
 <button type="button" onclick="edit_cut()">Cut</button>
 <button type="button" onclick="edit_copy()">Copy</button>
 <button type="button" onclick="edit_paste()">Paste</button>
 </menu>
 </li>
</menu>

HTML <menuitem> 标签

标签定义用户可以从弹出菜单调用的命令/菜单项目。

实例
包含不同 <menuitem> 元素的上下文菜单：

<menu type="context" id="mymenu">
  <menuitem label="Refresh" onclick="window.location.reload();" icon="ico_reload.png">
  </menuitem>
  <menu label="Share on...">
    <menuitem label="Twitter" icon="ico_twitter.png"
    onclick="window.open('//twitter.com/intent/tweet?text='+window.location.href);">
    </menuitem>`在这里插入代码片`
    <menuitem label="Facebook" icon="ico_facebook.png"
    onclick="window.open('//facebook.com/sharer/sharer.php?u='+window.location.href);">
    </menuitem>
  </menu>
  <menuitem label="Email This Page"
  onclick="window.location='mailto:?body='+window.location.href;"></menuitem>
</menu>

HTML <meter> 标签

标签定义已知范围或分数值内的标量测量。也被称为 gauge（尺度）。

实例
使用 meter 元素来度量给定范围（gauge）内的数据：

<meter value="3" min="0" max="10">十分之三</meter>

<meter value="0.6">60%</meter>

HTML <nav> 标签

标签定义导航链接的部分。

实例
<nav>
<a href="index.asp">Home</a>
<a href="html5_meter.asp">Previous</a>
<a href="html5_noscript.asp">Next</a>
</nav>

HTML <noframes> 标签

noframes 元素可为那些不支持框架的浏览器显示文本。noframes 元素位于 frameset 元素内部。

实例
<frameset cols = "25%, 25%,*">
  <noframes>
  <body>Your browser does not handle frames!</body>
  </noframes>
  <frame src ="venus.htm" />
  <frame src   ="sun.htm" />
  <frame src ="mercur.htm"   />
</frameset>

HTML <object> 标签

标签用于包含对象，比如图像、音频、视频、Java applets、ActiveX、PDF 以及 Flash。

实例
向 HTML 代码添加一个对象：

<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" 
width="100" height="50">
  <param name="BorderStyle" value="1" />
  <param name="MousePointer" value="0" />
  <param name="Enabled" value="1" />
  <param name="Min" value="0" />
  <param name="Max" value="10" />
</object>

HTML <optgroup> 标签

标签定义选项组。

实例
通过 <optgroup> 标签把相关的选项组合在一起：

<select>
  <optgroup label="Swedish Cars">
    <option value ="volvo">Volvo</option>
    <option value ="saab">Saab</option>
  </optgroup>

  <optgroup label="German Cars">
    <option value ="mercedes">Mercedes</option>
    <option value ="audi">Audi</option>
  </optgroup>
</select>

HTML <option> 标签

元素定义下拉列表中的一个选项（一个条目)。

实例
创建带有 4 个选项的选择列表：

<select>
  <option value ="volvo">Volvo</option>
  <option value ="saab">Saab</option>
  <option value="opel">Opel</option>
  <option value="audi">Audi</option>
</select>

HTML <output> 标签

标签定义不同类型的输出，比如脚本的输出。

实例
执行计算然后在 <output> 元素中显示结果：

<form oninput="x.value=parseInt(a.value)+parseInt(b.value)">0
   <input type="range" id="a" value="50">100
   +<input type="number" id="b" value="50">
   =<output name="x" for="a b"></output>
</form>

HTML <param> 标签

param 元素允许您为插入 XHTML 文档的对象规定 run-time 设置，也就是说，此标签可为包含它的 <object> 或者 <applet> 标签提供参数。

实例
向 HTML 代码添加一个对象：

<object classid="clsid:F08DF954-8592-11D1-B16A-00C0F0283628" id="Slider1" 
width="100" height="50">
  <param name="BorderStyle" value="1" />
  <param name="MousePointer" value="0" />
  <param name="Enabled" value="1" />
  <param name="Min" value="0" />
  <param name="Max" value="10" />
</object>

HTML <progress> 标签

标签标示任务的进度（进程）。

实例
正在进行的下载：

<progress value="22" max="100"></progress>

HTML <q> 标签

标签定义短的引用。

实例
标记短的引用：

<q>Here is a short quotation here is a short quotation</q>

HTML <rp> 标签

标签在 ruby 注释中使用，以定义不支持 ruby 元素的浏览器所显示的内容。

实例
一个 ruby 注释：

<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

HTML <rt> 标签

标签定义字符（中文注音或字符）的解释或发音。

实例
一个 ruby 注释：

<ruby>
漢 <rt> ㄏㄢˋ </rt>
</ruby>

HTML <ruby> 标签

标签定义 ruby 注释（中文注音或字符）。

实例
一个 ruby 注释：

<ruby>
漢 <rt><rp>(</rp>ㄏㄢˋ<rp>)</rp></rt>
</ruby>

HTML <script> 标签

标签用于定义客户端脚本，比如 JavaScript。

实例
在 HTML 页面中插入一段 JavaScript：

<script type="text/javascript">
document.write("Hello World!")
</script>

HTML <section> 标签

标签定义文档中的节（section、区段）。比如章节、页眉、页脚或文档中的其他部分。

实例
文档中的区段，解释了 PRC：

<section>
  <h1>PRC</h1>
  <p>The People's Republic of China was born in 1949...</p>
</section>

HTML <source> 标签

标签为媒介元素（比如 <video> 和 <audio>）定义媒介资源。
标签允许您规定可替换的视频/音频文件供浏览器根据它对媒体类型或者编解码器的支持进行选择。

实例
拥有两份源文件的音频播放器。浏览器应该选择它所支持的文件（如果有的话）：

<audio controls>
   <source src="horse.ogg" type="audio/ogg">
   <source src="horse.mp3" type="audio/mpeg">
 Your browser does not support the audio element.
</audio>

HTML <style> 标签

标签用于为 HTML 文档定义样式信息。

实例
<html>
<head>
<style type="text/css">
h1 {color:red}`在这里插入代码片`
p {color:blue}
</style>
</head>

<body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>

HTML <sub> 标签

标签可定义下标文本。

例子
这段文本包含 <sub>下标</sub>

HTML <summary> 标签

标签包含 details 元素的标题，“details” 元素用于描述有关文档或文档片段的详细信息。

实例
有关文档的详细信息：

<details>
<summary>HTML 5</summary>
This document teaches you everything you have to learn about HTML 5.
</details>

HTML <tbody> 标签

标签表格主体（正文）。该标签用于组合 HTML 表格的主体内容。

实例
带有 thead、tbody 以及 tfoot 元素的 HTML 表格：

<table border="1">
  <thead>
    <tr>
      <th>Month</th>
      <th>Savings</th>
    </tr>
  </thead>

  <tfoot>
    <tr>
      <td>Sum</td>
      <td>$180</td>
    </tr>
  </tfoot>

  <tbody>
    <tr>
      <td>January</td>
      <td>$100</td>
    </tr>
    <tr>
      <td>February</td>
      <td>$80</td>
    </tr>
  </tbody>
</table>