03-新的语义标签

jamesge2010

于 2019-11-05 23:17:08 发布

阅读量103

点赞数

CC 4.0 BY-SA版权

分类专栏：前端

本文链接：https://blog.youkuaiyun.com/jamesge2010/article/details/102926555

前端专栏收录该内容

26 篇文章

订阅专栏

本文通过实例展示了HTML中不同元素的应用，包括图片展示、进度条、地址显示、时间标记及强调文本。同时，通过内联样式表实现了网页的基本布局与美化，如去除默认边距、设置绿色背景的高亮文本等。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style type="text/css">
		*{
			margin: 0;
			padding: 0;
		}
		address{
			font-style: normal;
		}
		mark{
			background-color: green;
		}
	</style>
</head>
<body>
	<figure>
		<img src="images/1.jpg" alt="">
		<figcaption>范冰冰和李晨结婚照</figcaption>
	</figure>

	<progress value="60" max="100">60%</progress>

	<address>北京市昌平区宏福大厦</address>

	<span>明天上课啊，上课时间是<time>9点20</time></span>

	<div>
		我们一定要<mark>好好学习，天天向上</mark>
	</div>


	 <ruby>
	  漢 <rp>(</rp><rt>hàn</rt><rp>)</rp>
	  字 <rp>(</rp><rt>zì</rt><rp>)</rp>
	</ruby>
</body>
</html>