Java教程

7.语义化标签

本文主要是介绍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>

  重点:块元素独占一行,行内元素不占

这篇关于7.语义化标签的文章就介绍到这儿,希望我们推荐的文章对大家有所帮助,也希望大家多多支持为之网!