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--描述列表及标记的主要内容,如果未能解决你的问题,请参考以下文章

HTML和JS基础

在列表中存储标记位置

HTML入门基础冷知识

HTML入门基础冷知识

HTML入门基础冷知识

HTML入门基础冷知识