html-语义化标签1(4)

最新推荐文章于 2024-07-25 11:52:08 发布

啦啦啦=_=

最新推荐文章于 2024-07-25 11:52:08 发布

阅读量55

点赞数

分类专栏： html css 文章标签： html

本文链接：https://blog.csdn.net/qq_45255696/article/details/114777414

版权

html css 专栏收录该内容

13 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
    <!--
        在网页中HTML专门用来负责网页的结构，所以在使用html标签的时候，应该关注的是标签的语义，
        而不是样式

        标题标签:
        h1~h6 一共六级标题
        从h1~h6递减,大到小
        一般一个页面只有一个h1
        标题元素标签都是块元素

        在页面独占一行的元素称为块元素(block element)

    -->

    <h1>一级标题</h1>
    <h2>二级标题</h2>
    <h3>三级标题</h3>
    <h4>四级标题</h4>
    <h5>五级标题</h5>
    <h6>六级标题</h6>

    <!--hgroup标签用来为标题分组，可以将一组相关的标题同时放入到hgroup-->

    <hgroup>
        <h1>回乡偶书二首</h1>
        <h2>其一</h2>
    </hgroup>

    <!--
        p标签表示页面中的一个段落
        p也是一个块元素
    -->
    <p>在标签中的内容就表示一个段落</p>

    <!--
        em标签用于表示语音语调的一个加重
        在页面中不会独占一行的元素称为行内元素(inline element)
    -->
    <p>今天天气<em>真</em>不错!</p>

    <!--strong表示强调重要内容！-->
    <p>今天你必须要<strong>完成作业</strong>!</p>

    <!--blockquote表示一个长引用-->
    鲁迅说:
    <blockquote>
        这句话我没说过!
    </blockquote>

    <!--q表示一个短引用-->
    子曰<q>学而时习之，不亦说乎</q>

</body>
</html>

块元素
在网页中一般通过块元素来对页面进行布局
行内元素
行内元素主要用来包裹文字

一般情况下会在块元素中放行内元素，而不会在行内元素中放块元素
块元素基本上什么都能放
p元素不能放任何的块元素

啦啦啦=_=

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
html-语义化标签1(4)

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title></head><body> <!-- 在网页中HTML专门用来负责网页的结构，所以在使用html标签的时候，应该关注的是标签的语义，而不是样式标题标签:
复制链接

扫一扫

专栏目录