HTML语义化标签

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Document</title>
</head>
<body>
     <!-- 
        在网页当中HTML是用来负责网页的结构化的
        所以在使用HTML标签的时候,我们应该更加注意标签的语义,而不要太注意内容长得怎么样。
        内容长得这么样,是使用CSS来处理的
        

        标题标签:
        h1 - h6 都是标题标签
        从h1到h6标题标签的重要性依次减弱,大小也逐渐减小
        h1标签的重要性仅次于title

        标题标签都是块元素,会自动的换行(独占一行  block element)
      -->


      <h1>一级标签</h1>
      <h2>二级标签</h2>
      <h3>三级标签</h3>
      <h4>四级标签</h4>
      <h5>五级标签</h5>


    <!-- 
        hgroup是将有关联的标题标签放在一个群组之内

     -->
      <hgroup>
        <h1>鹅鹅鹅</h1>
        <h2>李白</h2>
      </hgroup>


      <!-- 
        p标签是一个块元素
        会自动的换行
       -->
      <p>p标签就相当于一个段落</p>
      
    <!-- 
        em  表示语调加重
        strong 表示内容加重
     -->
      <p>今天是一个<em>好<em>天气!</p>
      <p>要好好<strong>完成作业<strong></p>
    <!-- 
        blockquote 和 q都是要说话的情况
        blockqoute  是引用名人名言,要大气
        而q的话就是普通人说话的情况。
     -->
        孔子说:
            <blockquote>
                “学而时习之,不亦说乎。”
            </blockquote>

        我说:<q>要好好学习!</q>
</body>
</html>
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值