我们已经知道了HTML是由好多的标签组成的,但是那么多的标签,都会经常用到吗?其实不是,标签很多,但是常用的却有限,我们只需要记住常用的一些标签就好,至于剩下的那些不常用的,在我们需要的时候再去官方文档查就可以了,当然了,如果你说你就是记性好,或者就是想全记住,那我也拦不住啊~加油!
HTML基本标签
用来构成最简单的一个网页所需要的标签。
h标签
h标签一共6个,用来定义标题,因此也叫做标题标签,h1字体最大,用来定义最大的标题,h6字体最小,用来定义最小的标题。
示例:
<h1>这是h1标签</h1>
<h2>这是h2标签</h2>
<h3>这是h3标签</h3>
<h4>这是h4标签</h4>
<h5>这是h5标签</h5>
<h6>这是h6标签</h6>
注意:
由于h标签拥有确切的语义,因此要慎重的选择恰当的标签层级来构建文档的结构,不要利用标题标签来改变同一行中的字体大小。
p标签
p标签用来定义段落。
示例:
<p>p标签会自动在其前后创建一些空白(段间距),浏览器会自动添加这些空间。</p>
<p>p标签会自动在其前后创建一些空白(段间距),浏览器会自动添加这些空间。</p>
注意:
p标签会自动在其前后创建一些空白(段间距),浏览器会自动添加这些空间。
br标签
br相当于一个简单的换行符。br标签是单标签,意味着它没有结束标签。在XHTML中规定单标签也需要结束,因此写成<br />。
示例:
<p>p标签会自动在其前后创建一些空白(段间距),浏览器会自动添加这些空间。</p>
<p>p标签会自动在其前后创建一些空白(段间距)<br />浏览器会自动添加这些空间。</p>
注意:
<br />标签只是简单地开始新的一行,而当浏览器遇到<p>标签时,通常会在相邻的段落之间插入一些垂直的间距,而<br />则不会。
hr标签
<hr />标签在HTML页面中创建一条水平线,水平线分隔线可以在视觉上将文档分割成多个部分。
示例:
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
<hr />
<p>This is a paragraph</p>
注意:
<hr />也是一个单闭合标签。
总结
常用的HTML标签当然不止有这些,以上只是我们最基础的一些标签,随着我们对HTML的学习,我们再不断的进行补充,循序渐进,积少成多,自然水到渠成。