29-HTML-19-HTML(标签的分类)
2015-08-11 20:23
387 查看
发现HTML语言里面标签都有其特定的含义:
如<bl>做列表用的,<ol>做有序列表用的……
【需求】将现有数据封装,至于该数据怎么操作不管
那么就用到<div>标签,其特点是没有特殊含义,只为了封装数据,具体怎么操作,
用其他标签来弄。
【示例】
【效果】
这是一个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>
如<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>
相关文章推荐
- 29-HTML-17-HTML(服务端和客户端校验的问题)
- 29-HTML-18-HTML(常见的其他标签)
- 29-HTML-16-HTML(服务端GET和POST区别)
- 29-HTML-15-HTML(GET和POST区别)
- 29-HTML-14-HTML(表单格式化)
- 29-HTML-12-HTML(表单组件-input)
- 29-HTML-13-HTML(表单组件-select&textarea)
- 29-HTML-11-HTML(画中画标签)
- 29-HTML-10-HTML(框架)
- 29-HTML-09-HTML(超链接_2)
- MVC4_HtmlHelper用法笔记1-Render试图
- 29-HTML-07-HTML(表格标签_2)
- 29-HTML-08-HTML(超链接_1)
- HTML--内联元素和块状元素--大全
- 29-HTML-06-HTML(表格标签)
- 29-HTML-04-HTML(列表标签)
- 29-HTML-05-HTML(图像标签)
- 29-HTML-03-HTML(常用工具)
- 29-HTML-02-HTML(标签的操作思想)
- 29-HTML-01-HTML(概述&演示)