html的常规标签及实体

1.常规标签

2.实体

目录

1.常规标签

2.实体

---

1.常规标签

1、标题标签  h1,h2,h3,h4,h5,h6

      默认样式：字体放大、字体加粗、独占一行了

       语义：就是个标题，h1==>h6,语义是逐步降低的

        h1的语义是最重的，一般情况一个页面只有1个h1

        常用的就是h1-h3

<!-- 一级标题 --> 

  <h1>今天天气不错</h1>

    <!-- 二级标题 -->

    <h2>这是我的页面</h2>

    <!-- 三级标题 -->

    <h3>同学们你们好</h3>

   2、段落标签   p

        默认样式：段落与段落之间有空白的间距；

                独占一行

        语义：一个自然段

<p>
      辜你志身薪见巴谋姑考己，韦来家死回是了单一流特，落只德是说战说，朗大到是锐司了水丑对感谓好，变洪使雷斗说但准之罚即办而的艳生生当，陈然子法币书备他完，书谓事是才至的谭竟快通五气畴不也婵，尘学订已沫使重婵才年者，承后慷完到无他仅看非于恨说，的慷九德杨，最这。
    </p>
    <p>报定第入，的书到他。</p>
    <p>由家领愿是家预付洪何谓胆乡司了，故娟气。</p>

 3、强调标签 em

        默认样式：有一点斜体；没有独占一行

               强调语音语调

4、强调标签 strong

        默认样式：有加粗的效果；没有独占一行

              强调内容的重要性

面试题：em标签和strong标签都是强调标签，那它们有什么区别？

         首先默认样式、然后强调的重点不一样。

         其实在实际的开发过程，不会做这么细致的区分

5、换行标签  br  自结束标签

 <h1>古诗一首</h1>
    <h3>杜甫</h3>
    离离原上草，<br />
    一岁一枯荣， <br />
    野火烧不尽， <br />
    春风吹又生。<br />

6、分割线  hr 自结束标签

<hr />

7、标题分组标签  hgroup

<hgroup>
      <h1>古诗一首</h1>
      <h3>杜甫</h3>
    </hgroup>

8、引用标签 -->

    孔子曰：<q>学而时习之</q>

9、居中标签  center 

<center>
      <hgroup>
        <h1>古诗一首</h1>
        <h3>杜甫</h3>
      </hgroup>
      离离原上草，<br />
      一岁一枯荣， <br />
      野火烧不尽， <br />
      春风吹又生。<br />
    </center>

10、del标签  删除标签

原价：<del>19999元</del> <br />
    现价：1.9元

11、div 没有任何语义的块标签/块元素 ，会独占一行 -->

    <div>大家晚自习结束后，不要忘记打扫卫生</div>

    12、span  没有任何语义的行内元素/行内标签   一般只用来包裹文字

    <span> 打扫完后，大家可以拍照发群里，大家一起监督 </span>

2.实体

什么是实体？

       浏览器在编译的时候，有一些特殊的字符，例如空格、大于号、小于号等等。

       被浏览器提前征用，在程序员想使用的时候，需要用一些额外的字符表示这些特殊的字符

       这些额外的字符就叫实体    

     实体的语法

       &实体的名字;

     常用的实体

       空格   &nbsp;

       大于号  &gt;

       小于号  &lt;

       版权符号  &copy;

       https://www.w3school.com.cn/html/html_entities.asp

这个网址可以查到各种实体 有需要可以自己查