HTML常用标签（上）

倔强的小白菜

已于 2022-04-06 21:59:17 修改

阅读量430

点赞数

分类专栏：前端基础文章标签： html5

于 2022-04-06 21:58:44 首次发布

本文链接：https://blog.csdn.net/weixin_47481102/article/details/124000977

版权

前端基础专栏收录该内容

51 篇文章 2 订阅

订阅专栏

勇士队在比赛中以水花兄弟61分和伊戈达拉的关键抢断取得胜利，目前系列赛2-0领先开拓者。库里贡献37分8篮板8助攻，汤普森得到24分，格林16分10篮板7助攻5盖帽。小库里在第二场比赛中防守端表现出色，全场4次抢断，对哥哥库里的防守造成巨大压力。

摘要由CSDN通过智能技术生成

1-1 标签语义

学习标签是由技巧的，重点是记住每个标签的语义，简单来说就是指标签含义，即这个标签是用来干嘛的。根据标签的语义，在合适的地方给一个最合理的标签，可以让页面结构更清晰。

1-2 标题标签<h2>-<h6>

html提供了6个等级的网页标签，即<h1>-<h6>.

标签语义：作为标题使用，并且依据重要性递减。

特点：

1.加了标题的文字会变的加粗，字号也会依次变大。

2.一个变体独占一行。

1-3 段落标签和换行标签

1-3-1 段落标签

在HTML标签中，<p>标签用于定义段落，它可以将整个网页分为若干段落。

<p></p>

标签语义：可以把html文档分割为若干段落。

特点：

1.文本咋一个段落中会根据浏览器窗口的大小自动换行。

2.段落和段落之间保持空隙。

1-3-2 换行标签

在html中，一个段落中的文字从左到右依次排列，直到浏览器窗口的右端，然后才自动换行，如果希望某段文本强制换行显示，使用<br />.

<br />.

标签语义：强制换行

特点：

1.<br />是单标签。

2.<br />标签只是简单地开始新的一行，跟段落不一样，段落之间或插入一些垂直的距离。

练习：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>体育新闻</title>
</head>
<body>
    <h1>水花兄弟61分，伊戈达拉致胜抢断，勇士胜开拓者2-0</h1>
    <h4>数据统计：水花兄弟合砍61分</h4>
    <p>勇士：库里全场22投11中，三分14投4中，罚球11罚全中拿到了全场最高37分，并且还有8个篮板8个助攻，职业生涯季后赛得分30+次数来到了35次，超过哈登排名现役第三名，仅次于詹姆斯和杜兰特。</p>
    <p>汤普森22投8中，三分8投4中得到24分3个篮板2个助攻，德拉蒙德-格林得到了16分10个篮板7个助攻5个盖帽，鲁尼拿到了14分7个篮板2个助攻。</p>
    <h4>兄弟对决升级：小库里给哥哥造成压力</h4>
    <p>库里兄弟是NBA历史上第一对在分区决赛相遇的兄弟，在前天的西决第一场中，小库里并没有给哥哥造成压力，他出场19分钟，7投1中，得到了3分3篮板2助攻，在场期间输掉了10分，但是今天小库里在场的时候开拓者赢了13分。</p>
    <p>今天西决第二场，小库里在攻防两端都打出了杰出的表现，全场4次抢断，包括直接抢断自己的哥哥库里，并且在防守端一直给库里压力，给库里造成了极大的困扰。</p>
    <p>    作者：测试<br />2022-03-30</p>
</body>
</html>

倔强的小白菜

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML常用标签（上）

1-1 标签语义学习标签是由技巧的，重点是记住每个标签的语义，简单来说就是指标签含义，即这个标签是用来干嘛的。根据标签的语义，在合适的地方给一个最合理的标签，可以让页面结构更清晰。1-2 标题标签<h2>-<h6>html提供了6个等级的网页标签，即<h1>-<h6>.<h1></h1><h2></h2><h3></h3><h4></h4&gt
复制链接

扫一扫

专栏目录