块标签与行标签及其实例

块标签与行标签

块标签可以放块标签和行标签(特例:<p>标签内不能再放块标签了,如果自己写错了,游览器在解析时会针对不规范的代码进行规范化(在内存中进行更改,不会更改你的源代码),右键单击,检查,可以看到)
行标签不建议放块标签

块元素：（block element）在页面里占据一块位置，对网页的大体进行布局

实例：

1.标题标签(共六级标签，从1~6总，效果依次减弱)
<h1></h1>
hgroup:有联系的一组标题放在同一个标签组里

 <hgroup>
 	<h1></h1>
 	<h2></h2>
 </hgroup>

2.段落标签
<p></p>
3.段落的引用标签（长引用）-----下边介绍行级引用
<blockquote>首行缩进，独立成块</blockquote>
4.换行标签
<br>
5.其他块都不好使的时候用这个-----独立的块区
<section>表示一个独立的块区,</section>
6.主流块标签div:表示一个块区,可替代所有的块标签
<div>自定义的的块</div>

布局块(Html5)

1.头部标签(可以有多个)
<header>头部</header>
2.主体(一个页面只能有一个)
<main>主体</main>
3.页脚标签(建议一个)
<footer>页脚</footer>
4.导航条标签
<nav>导航条</nav>
5.侧边连标签
<aside>侧边栏<aside>
6.文章标签
<articl>文章</article>

行元素：（Row element）对文字段进行修饰

实例：

1.加粗并倾斜
<em>哈哈哈</em>
2.与div相对的行级标签
<span>用于行内选中文字用<span>