分区标签
- 分区元素: 分区元素默认没有任何显示效果,可以理解为容器,用于添加多个相关的元素,便于对多个相关元素进行统一管理。
- span:行内分区元素,和其它行内元素共占一行
- div:块级分区元素,独占一行
- 任何页面都会分为三大区:
<div>头部</div>
<div>体部</div>
<div>脚部</div>
- html5标准中新增的几个分区标签
<header>头部</header>
<article>正文</article>
<footer>脚部</footer>
元素分类
1. 行内元素
共占一行,包括:span,strong和b加粗,em和i斜体,del和s删除线,u下划线
2. 块级元素
独占一行,包括:div,hr,h1-h6,p
实体引用(特殊字符)
1. 空格:会有折叠现象
2. 小于号 <
3. 大于号 >
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>Insert title here</title> </head> <body> <header>头部</header> <article> <div>div1</div> <div>div2</div> <div>div3</div> <span>span1</span> <span>span2</span> <span>span3</span> <hr> 我是字体加粗:<strong>strong标签</strong> 我也是字体加粗标签:<b>b标签</b><br> 我是斜体:<em>em标签</em>, 我也是斜体:<i>i标签</i> <br> 我是删除线:<del>del标签</del> 我也是删除线:<s>s标签</s><br> 我是下划线:<u>u标签</u> </article> <footer>脚 部<abc></footer> </body> </html>
Insert title here头部
div1
div2
div3
span1 span2 span3
我是字体加粗:strong标签 我也是字体加粗标签:b标签
我是斜体:em标签,
我也是斜体:i标签
我是删除线:del标签
我也是删除线:s标签
我是下划线:u标签
脚 部<abc>