HTML基础教程3——文本格式化标签与媒体标签

144 阅读2分钟

持续创作,加速成长!这是我参与「掘金日新计划 · 10 月更文挑战」的第14天,点击查看活动详情

HTML基础教程3——文本格式化标签与媒体标签

文本格式化标签

文本格式化标签和正常标签一样是可以嵌套的!可以嵌套的!可以嵌套的!重要的事情要强调三遍。

字体加粗

粗体用<b>标签表示,如果需要强调内容的重要性可以用<strong>标签表示,两个标签在页面上的显示效果是一样的,唯一的区别是编写人员在查看维护时可以更直观的了解重要程度

粗体.png

斜体.png 下划线 下划线用<u>表示,如果需要强调内容的重要性的可以用<ins>标签表示,其余的同时。 下划线.png 删除线 下划线用<s>表示,如果需要强调内容的重要性的可以用<del>标签表示,其余的同时。 删除线.png 下标字 下标字用<sub>标签表示,下标字一般用于数学公式或者化学表达式之类的地方。 下标字.png 上标字 上标字用<sup>标签表示,上标字同样也用于数学公式或者化学表达式之类的地方。 上标字.png 字体加大 字体加大用<big>标签表示,一般不常用该标签。 字体加大.png 字体缩小 字体缩小用<small>标签表示,一般不常用该标签。 字体缩小.png 引用 引用用<q>标签实现,效果同""一致,只是在语义上更容易理解。 QQ图片20220403023449.png 缩写和首字母缩写 缩写与首字母缩写是通过title属性,将完整的文本作为属性值,然后元素内容为缩写。 例如:<b title="World Wide Web">WWW</b>,将鼠标移动到WWW上会显示出全部内容。

上下标字小练习

书写一个如下图所示的化学方程式。 QQ图片20220403021050.png

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>练习</title>
	</head>
	<body>
		H<sub>2</sub>+O<sub>2</sub>=2H<sub>2</sub>O
	</body>
</html>

(点击进入专栏查看详细教程)