发现HTML语言里面标签都有其特定的含义:
如<bl>做列表用的,<ol>做有序列表用的……
【需求】将现有数据封装,至于该数据怎么操作不管
那么就用到<div>标签,其特点是没有特殊含义,只为了封装数据,具体怎么操作,
用其他标签来弄。
【示例】
<div>这是一个div区域1</div>
<div>这是一个div区域2</div>
<span>span区域1</span>
<span>span区域2</span>
<p>这是一个段落1</p>
<p>这是一个段落2</p>
【效果】
这是一个div区域1
这是一个div区域2
span区域1 span区域2
这是一个段落1
这是一个段落2
【发现】
<div>标签带有换行功能,<span>标签没有换行,只有一个空格,
<p>标签封装的内容上下都会空一行,
==========================================================
【标签分为两大类】
1.块级标签(元素):标签结束后都有换行;
如:<div>,<p>,<dl>,<table>,<title>,<ol>,<ul>
2.行内标签(元素):标签结束后没有换行。
如:<font>,<span>,<img>,<input>,<select>,<a>