HTML标签练习

最新推荐文章于 2023-10-17 11:18:23 发布

小狐狸不吃鱼

最新推荐文章于 2023-10-17 11:18:23 发布

阅读量195

点赞数

分类专栏：前端文章标签： html5

本文链接：https://blog.csdn.net/m0_49524888/article/details/119303795

版权

5 篇文章 0 订阅

订阅专栏

一、HTML标签

通过对HTML标签练习，熟悉HTML

超链接标签<a></a>

rel 属性指定从目标文档到源文档的关系，rev 属性指定源文档到目标文档的关系；download属性规定被下载的超链接目标；target属性规定在何处打开链接文档。

<body>
		<p><a href="my photo.html" rel="friend" target="_blank">超链接</a></p>
</body>

<abbr>标签指示简称或缩写.eg:World Trade Organization的缩写:WTO。title属性，当鼠标指针移动到<abbr>元素上可以显示出完整的名称

<body>
		<p><abbr title="World  Trade Organization">WTO</abbr></p>
</body>

<address>标签定义文档或位置的作者/拥有者的联系信息。

如果 <address> 元素位于 <body> 元素内，则它表示文档联系信息。

如果 <address> 元素位于 <article> 元素内，则它表示文章的联系信息。

<address> 元素中的文本通常呈现为斜体。大多数浏览器会在 address 元素前后添加折行。

<body>
		<address>
			作者:张芳<br />
			联系方式:0000000<br />
			国籍：中国
		</address>
</body>

<area />标签定义带有可点击区域的图像，它总是嵌套在<map>标签中。alt属性定义此区域替换的文本；shape定义区域形状；coords属性定义可点击区域(coords="坐标值")。

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

<article> 元素的潜在来源：论坛帖子、报纸文章、博客条目、用户评论。

<body>
		<article>
			<h2>我的长白山之旅</h2>
			<p>我的长白山之行从2021年12月开始，在这次旅行中我得到很多......</p>
		</article>
</body>

<aside>标签定义其所处内容之外的内容，并且aside的内容应该与附近的内容相关，一般可作为文章的侧栏。

<body>
		<h1>糟糕的一天</h1>
		<aside>
			<h4>人倒霉喝水都塞牙</h4>
			<p>起晚没赶上公交，上班迟到并且路上摔了一跤，到公司后....</p>
		</aside>
</body>

<audio>标签定义音频。autoplay属性：音频自动播放；controls属性：用户可以通过显示的控件按钮控制音频播放；loop属性：循环播放；muted属性：视频输出时应该被静音。在开始标签<audio>与结束标签<audio/>之间放置当音频加载失败时所显示出的文字提示。

<body>
		<audio src="horse.ogv" controls="controls"loop="loop">
			对不起，您的音频加载失败！
		</audio>
	</body>

总结

HTML中还有许多标签，标签中某些属性应了解。

关注