HTML学习4：语义化标签（1）

        在网页中HTML专门用来负责网页的结构

        所以在使用HTML标签是，应该关注的是标签的语义，而不是它的样式

标题标签

                h1-h6 一共有六级标签  h1最重要，h6最不重要

                h1在网页中的重要性仅次于title标签，一般情况下一个页面只会有一个h1

                一般情况下标题标签只会使用到h1-h3，h4-h6很少用

                标题标签都是块元素

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

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

hgroup

hgroup标签用来位标题分组，可以将一组相关的标题同时放入到hgroup 

      <hgroup>
        <h1>回乡偶书（二首）</h1>
        <h2>其一</h2>
      </hgroup>
      <p>少小离家老大回，</p>
      <p>乡音无改鬓毛衰。</p>
      <p>儿童相见不相识，</p>
      <p>笑问客从何处来。</p>

 p

 p标签表示页面中的一个段落，p也是一个块元素

      <p>在p标签中的内容就表示一个段落</p>
      <p>在p标签中的内容就表示一个段落</p>

em

em标签用于表示语音语调的一个加重

在页面中不会独占一行的元素称为行内元素(inline element)

<p>今天天气<em>针</em>不戳！</p>

strong

strong表示强调，显示重要内容！

 <p>你今天必须要<strong>完成作业！</strong></p>

 

 引用

 blockquote表示一个长引用 块元素,会独占一行

鲁迅说：
<blockquote>
          这句话我没说过！
</blockquote>
<!-- 
单在浏览器里，文字渲染默认为行内元素，不会独占一行！~
-->

 q表示一个短引用  行内元素，不会独占一行

 子曰：<q>学而时习之，乐呵乐呵！</q>

br 

br标签表示换行

子曰：<q>学而时习之，乐呵乐呵！</q>
<br>
<br>
今天天气针不戳