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没有固定的格式表现。当对其应用样式时,它才会产生视觉上的变化。
标签分类
到目前为止,我们把所有标签分为两类:
- 块级标签:div(白板),H系列标签(默认加大加粗)、p标签(段落与段落之间有间距)
- 行内标签(内联标签):span(白板),select,a
问:块级标签和行内标签区别是什么?
答:块级标签:只要我写上这么一个标签,即使它的内容特别少,它也把整行都给占了
行内标签:你自己有多少内容,就占多少地方