常用标签---七个

最新推荐文章于 2023-08-20 11:26:25 发布

Fa11RY

最新推荐文章于 2023-08-20 11:26:25 发布

阅读量190

点赞数

分类专栏： htmlcss 文章标签： html5 css

本文链接：https://blog.csdn.net/m0_55694442/article/details/125528644

版权

htmlcss 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

常用标签

1、标题标签

h1-h6 6个标题标签从样式上，字体逐步变小，

从语义上看，h1到h6于一也是逐步变小

h1的推广作用仅次于title标签，h1语义最重，一个页面一般只出现一次

常用的是h1-h3

2、段落标签

从样式上看，段与段之间有间距

p一般用来包裹文字和图片他是块元素

3、强调标签它是行内元素

em 丛样式上看有一点斜体语音语调的强调

strong 从样式上看文字加粗内容重要的强调

常规的的布局中，不需要区分em strong

4、换行标签

br 是自结束标签

5、分割线

hr 自结束标签

6、div 块元素

没有任何语义只表示一个区块

7、span

没有任何的的语义一般只用来包裹文字

<!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>Document</title>
</head>
<body>
    <!-- 学习html标签 要关注语义，而不是样式 -->
    <!-- 1、标题标签
    h1-h6 6个标题标签   从样式上，字体逐步变小，
    从语义上看，h1到h6于一也是逐步变小
h1的推广作用仅次于title标签，h1语义最重，一个页面一般只出现一次
常用的是h1-h3
 -->
    <h1>让了呼</h1>
    <h2>的春光，虽。</h2>
    <h3>名诗才洪。</h3>
    <h4>看卑话他。</h4>
    <h5>疾弟</h5>
    <!-- 2、段落标签  从样式上看，段与段之间有间距
    p一般用来包裹文字和图片   他是块元素
-->
    <p>我句留就生言太对你白洪其临学丐一览，她有外一人人纯如同，次。</p>
      <!-- 3、强调标签    它是行内元素
    em    丛样式上看有一点斜体  语音语调的强调
    strong 从样式上看文字加粗  内容重要的强调  
常规的的布局中，不需要区分em strong   -->
    <em>之首绪</em>
    <strong>小说唯亓。</strong>
    <p>
    今天天气<em>真</em><strong>热</strong>
    今天天气<strong>真热</strong>
    </p>
<!-- 4、换行标签
br 是自结束标签 -->
    <em>之首绪</em><br>
    <strong>小说唯亓。</strong>
    <!-- 5、分割线 hr  
    自结束标签 -->
    <hr>
    <!-- 6、div 块元素 没有任何语义  只表示一个区块  -->
    <div>
        总木厄为。
    </div>
    <div>
        互帝哥惜。
    </div>
    <!-- 7、span 行内元素 没有任何的的语义 一般只用来包裹文字 -->
    <span></span>
</body>
</html>