HTML基础6--描述列表及标记
Posted 伊洛的小屋
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了HTML基础6--描述列表及标记相关的知识,希望对你有一定的参考价值。
描述列表
目的是标记一组项目及其相关描述,例如术语和定义,或者是问题和答案
描述列表使用与其他列表类型不同的闭合标签— <dl>
,每一项都用 <dt>
元素闭合每个描述都用 <dd>
缩略语
<abbr>
——它常被用来包裹一个缩略语或缩写,当光标移动到项目上时会出现提示
标记联系方式
用于标记联系方式的元素——<address>
<address>
<p>这是一个地址</p>
</address>
上标和下标
使用日期、化学方程式、和数学方程式时会偶尔使用上标和下标,可通过 <sup>
和<sub>
来解决这个问题例如
微信搜索:伊洛的小屋
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TITLE</title>
</head>
<body>
<p> 水的化学式:H<sub>2</sub>O</p>
</body>
</html>
标记时间和日期
<time>
元素
<time datetime="2020-09-03">2020年9月03日</time>
重点强调
HTML 也提供了相应的标签,用于标记某些文本,使其具有加粗、倾斜、下划线等效果
强调
斜体字体,用<em>
(emphasis)元素来标记这样的情况
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TITLE</title>
</head>
<body>
<p> 公众号:<em>伊洛的小屋</em> 作者:<em>伊洛Yiluo</em>.</p>
</body>
</html>
非常重要
在HTML中我们用<strong>
表示文本十分重要,一般用粗体显示。") (strong importance) 元素来标记
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>TITLE</title>
</head>
<body>
<p> 公众号:<strong>伊洛的小屋</strong> 作者:<strong>伊洛Yiluo</strong>.</p>
</body>
</html>
斜体字、粗体字、下划线...<i>
被用来传达传统上用斜体表达的意义<b>
用于吸引读者的注意到该元素的内容上(如果没有另加特别强调)<u>
被用来传达传统上用下划线表达的意义:专有名词,拼写错误……
>欢迎下方【戳一下】【在看】
Author:伊洛Yiluo
愿你享受每一天,Just Enjoy !
以上是关于HTML基础6--描述列表及标记的主要内容,如果未能解决你的问题,请参考以下文章