day14-HTML的body内标签

一、引子

上回说了几个head 里面的标签，说了头部，我们来了解了解 身体标签。

二、开搞

2.1、在标签内部使用符号

因为符号有可能会被浏览器解析成 html 标签，所以需要用替代符号，太多，记住几个常用的就可以

   一个空格   ，需要几个加几次， 

&gt; >   &lt; <  

更多各种符号：猛击这里 

三、p 、br

3.1、p标签

作用：p标签标示段落，默认段落之间会有间隔。

<p>牛逼，超级牛逼；askjdfajsd</p>
<p>牛逼，超级牛逼；askjdfajsd</p>
<p>牛逼，超级牛逼；askjdfajsd</p>

3.2 、br 标签，自闭合标签，用于段落内部的换行，不会有间隔

<p>牛逼，超级牛<br/>逼；askjdfajsd</p>

 

 

ps:标签不区分大小写， 自闭标签  <br>  跟<br /> 一样，老师推荐  使用<br /> 因为这样就知道它是自闭合。

 四、其它标签

4.1 h 序列标签   ,标题标签，由大到小 h1--h6

<h1>niubi</h1>
<h2>niubi</h2>
<h3>niubi</h3>
<h4>niubi</h4>
<h5>niubi</h5>
<h6>niubi</h6>

效果如下

4.2  span 标签，白板标签

<!--白版，行内标签，有多少内容占多少，对应块级标签-->
<span>hello world</span>>

问：为什么会出现这么一个白板标签呢？

答：因为我们以后学css的时候，就可以把这个白板转换自己想要的，因为白板自己想画什么就是什么，学了css之后，可以把白板标签变成任何一个标准。

 

五、标签分类

前面提到的标签分类，

5.1、块级标签

特征：默认情况下自己一个标签占一行，不论标签大小，

例如：H1--h6, p, div ,

5.2、行内标签

特征：有多少占多少空间

例如：span \ a标签。。。 

　　ps:默认情况下是这样，后面会学到 display， float 。。。