HTML标签的基本用法（2）

最新推荐文章于 2022-09-07 23:00:54 发布

～狗子～

最新推荐文章于 2022-09-07 23:00:54 发布

阅读量82

点赞数

分类专栏：笔记

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

版权

笔记专栏收录该内容

11 篇文章 0 订阅

订阅专栏

HTML

HTML < abbr > 标签

实例
标记一个缩写：

The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.

HTML <acronym> 标签

实例
标记一个首字母缩写：

<acronym title="World Wide Web">WWW</acronym>

HTML <address> 标签

实例
Example.com 的联系信息：

<address>
Written by <a href="mailto:webmaster@example.com">Donald Duck</a>.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

HTML <applet> 标签

实例
一个嵌入的 Java applet：

<applet code="Bubbles.class" width="350" height="350">
Java applet that draws animated bubbles.
</applet>

HTML <area> 标签

实例
带有可点击区域的图像映射：

<img src="planets.jpg" border="0" usemap="#planetmap" alt="Planets" />

<map name="planetmap" id="planetmap">
  <area shape="circle" coords="180,139,14" href ="venus.html" alt="Venus" />
  <area shape="circle" coords="129,161,10" href ="mercur.html" alt="Mercury" />
  <area shape="rect" coords="0,0,110,260" href ="sun.html" alt="Sun" />
</map>

HTML <article> 标签

标签规定独立的自包含内容。

一篇文章应有其自身的意义，应该有可能独立于站点的其余部分对其进行分发。

实例
<article>
  <h1>Internet Explorer 9</h1>
  <p>Windows Internet Explorer 9（简称 IE9）于 2011 年 3 月 14 日发布.....</p>
</article>

HTML <aside> 标签

标签定义其所处内容之外的内容。

aside 的内容应该与附近的内容相关。

实例
<p>Me and my family visited The Epcot center this summer.</p>
<aside>
<h4>Epcot Center</h4>
The Epcot Center is a theme park in Disney World, Florida.
</aside>

HTML <audio> 标签

标签定义声音，比如音乐或其他音频流。

实例
一段简单的 HTML 5 音频：

<audio src="someaudio.wav">
您的浏览器不支持 audio 标签。
</audio>

属性	值	描述
autoplay	autoplay	如果出现该属性，则音频在就绪后马上播放。
controls	controls	如果出现该属性，则向用户显示控件，比如播放按钮。
loop	loop	如果出现该属性，则每当音频结束时重新开始播放。
muted	muted	规定视频输出应该被静音。
preload	preload	如果出现该属性，则音频在页面加载时进行加载，并预备播放。如果使用 “autoplay”，则忽略该属性。
src	url	要播放的音频的 URL。

HTML <base> 标签

标签为页面上的所有链接规定默认地址或默认目标。

实例
<head>
<base href="http://www.w3school.com.cn/i/" />
<base target="_blank" />
</head>

<body>
<img src="eg_smile.gif" />
<a href="http://www.w3school.com.cn">W3School</a>
</body>

HTML <basefont> 标签

实例
规定页面上的默认字体颜色和字号：

<head>
<basefont color="red" size="5" />
</head>

<body>
<h1>This is a header</h1>
<p>This is a paragraph</p>
</body>

HTML <bdi> 标签

指的是 bidi 隔离。
标签允许您设置一段文本，使其脱离其父元素的文本方向设置。

实例
把用户名从周围的文本方向设置中隔离出来：

<ul>
<li>Username <bdi>Bill</bdi>:80 points</li>
<li>Username <bdi>Steve</bdi>: 78 points</li>
</ul>

HTML 标签

bdo 元素可覆盖默认的文本方向。

实例
<bdo dir="rtl">Here is some text</bdo>

HTML <blockquote> 标签

标签定义块引用。

实例
标记长的引用：

<blockquote>
Here is a long quotation here is a long quotation here is a long quotation 
here is a long quotation here is a long quotation here is a long quotation 
here is a long quotation here is a long quotation here is a long quotation.
</blockquote>

HTML <button> 标签

标签定义一个按钮。

实例
以下代码标记了一个按钮：

<button type="button">Click Me!</button>

HTML <canvas> 标签

标签定义图形，比如图表和其他图像。
标签只是图形容器，您必须使用脚本来绘制图形。

实例
如何通过 canvas 元素来显示一个红色的矩形：

<canvas id="myCanvas"></canvas>

<script type="text/javascript">

var canvas=document.getElementById('myCanvas');
var ctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);

</script>

HTML <caption> 标签

caption 元素定义表格标题。

caption 标签必须紧随 table 标签之后。您只能对每个表格定义一个标题。通常这个标题会被居中于表格之上。

实例
<table border="1">
  <caption>Monthly savings</caption>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

～狗子～

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML标签的基本用法（2）

HTMLHTML < abbr > 标签实例标记一个缩写：The <abbr title="People's Republic of China">PRC</abbr> was founded in 1949.HTML <acronym> 标签实例标记一个首字母缩写：<acronym title="World Wide Web">WWW</acronym>HTML <address> 标签实例
复制链接

扫一扫