day14-Html的body内标签之图标、换行以及其他

简述

前面我们学完了head标签中的内容,接下来我们学习body标签中的一些标签,这些标签才是我们需要记住的。因为很常见

body内标签

HTML支持的各种符号

<body>
    <a href="http://www.autohome.com.cn">胡  <a>先生</a>
</body>

更多符号

p标签

用法:<p>标签定义段落

<html>
<body>

<p>这是段落。</p>
<p>这是段落。</p>
<p>这是段落。</p>

<p>段落元素由 p 标签定义。</p> 

</body>
</html>

注意:p元素会自动在其前后创建一些空白。浏览器会自动添加这些空间,你也可以在样式表中规定。

br标签

用法:<br>可插入一个简单的换行符。由于它是自闭和标签,所以结尾加不加/都可以。

<html>

<body>

<p>
To break<br />lines<br />in a<br />paragraph,<br />use the br tag.
</p>

</body>
</html>

h标签

用法:<h1> ~ <h6>标签可定义标题。<h1>定义最大的标题。<h6>定义最小的标题。

<html>

<body>

<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
<h4>This is heading 4</h4>
<h5>This is heading 5</h5>
<h6>This is heading 6</h6>

</body>
</html>

span标签

用法:<span>标签被用来组合文档中的行内元素,又称为白板标签,

<body>
    <span>1</span>
    <span>2</span>
    <span>3</span>
</body>

注意:span没有固定的格式表现。当对其应用样式时,它才会产生视觉上的变化。

标签分类

到目前为止,我们把所有标签分为两类:

  1. 块级标签:div(白板),H系列标签(默认加大加粗)、p标签(段落与段落之间有间距)
  2. 行内标签(内联标签):span(白板),select,a

问:块级标签和行内标签区别是什么?

答:块级标签:只要我写上这么一个标签,即使它的内容特别少,它也把整行都给占了

  行内标签:你自己有多少内容,就占多少地方

posted @ 2018-06-07 14:03  Mr.hu  阅读(604)  评论(0编辑  收藏  举报