简单玩转HTML的邪修大法速成(一)!!

25 阅读1分钟

强调与换行标签

  •  <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>

——————————----------------------------————--—

基操勿六,点赞加关注,更新不迷路😍😍😍!