强调与换行标签
-
<strong>:让文本加粗,具有语义化的强调作用,表明文本内容重要,浏览器默认显示为加粗效果 。 <em>:使文本倾斜,同样是语义化强调,强调文本的语气等,默认显示为斜体 。-
<br>:单标签,用于插入换行符,让文本在指定位置换行 。
比如诗歌排版:
<p>床前明月光,<br>疑是地上霜。<br>举头望明月,<br>低头思故乡。</p>
-
<hr>:单标签,创建一条水平分隔线,可用于分隔文档的不同部分,起到视觉上区分内容板块的作用 ,例如:
<h2>第一部分内容</h2>
<p>详细介绍...</p>
<hr>
<h2>第二部分内容</h2>
<p>继续阐述...</p>
信息罗列:列表标签
当需要有序或无序地罗列信息时,列表标签就派上用场,常用来制作菜单、导航、步骤说明、商品分类等内容 。
(一)无序列表
由 <ul> 和 <li> 配合使用,列表项默认以黑点等项目符号标识,没有顺序之分 。
<ul>
<li>苹果</li>
<li>香蕉</li>
<li>橘子</li>
</ul>
(二)有序列表
通过 <ol> 和 <li> 实现,列表项会按照数字等有序编号排列 。
<ol>
<li>第一步:学习 HTML 基础标签</li>
<li>第二步:实践编写简单页面</li>
<li>第三步:学习 CSS 美化页面</li>
</ol>
(三)定义列表
由 <dl> 、 <dt> (定义术语 )和
<dl>
<dt>HTML</dt>
<dd>超文本标记语言,用于构建网页的结构</dd>
<dt>CSS</dt>
<dd>层叠样式表,用来美化网页的外观样式</dd>
</dl>
——————————----------------------------————--—
基操勿六,点赞加关注,更新不迷路😍😍😍!