7.语义化标签 

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>语义化标签</title>
</head>
<body>
  <!--
      在网页中HTML专门来负责网页的结构
             所以在使用HTML标签时，关注标签的语义，样式是CSS的事
             标题标签：
                   h1-h6,重要性递减，一个网页页面一般一个h1
                   是块元素



             在页面中独占一行的元素称为块元素（ block element）
  -->
  <h1>一级标签</h1>
  <h2>二级标题</h2>
  <h3>三级标签</h3>
  <h4>四级标签</h4>
  <h5>五级标签</h5>
  <h6>六级标签</h6>

<!--用来为标题分组，可以将一组相关de
    hgroup标签

-->

<hgroup>
    <h1>Calculus I</h1>
    <h2>Fundamentals</h2>
</hgroup>
<!--
    p标签表示页面中的一个段落，是块元素
-->
<p>我是P标签</p>
<p>P标签在网页显示一个段落</p>

<!--
    em标签表示语音语调的一个加重

    在页面中不会独占一行的元素称为行内元素（inline element） 
-->
<p>我是计科小白<em>jqw</em>的博客笔记</p>

<!--
    strong  表示强调重要内容，加粗

-->
   <p>计科小白jqw<strong>哈哈</strong>的博客 </P>

    计科小白jqw说：
    <!-- blockquote 表示一个长引用 -->
    <blockquote>
        我是计科小白jqw
    </blockquote>
     <!-- q 表示一短长引用 -->
     计科小白jqw说：
  
     <q>
         我是计科小白jqw
         <br>   
         你是谁？
     </q>

</body>
</html>

　　重点：块元素独占一行，行内元素不占

posted @ 2022-01-20 01:11  计科小白jqw  阅读(46)  评论(0)    收藏  举报