青岛达内it培训 > 达内新闻
HTML中的列表和表格的使用
- 发布:青岛IT培训
- 来源:青岛IT培训
- 时间:2019-04-15 17:50
青岛IT培训的小编总结,一、HTML与XHTML的区别
(1)在XHTML 中标签名称必须小写,在HTML 中标签名称既可以小写也可以大写;
(2)在XHTML 中标签必须封闭,在HTML中标签可以不成对出现;
(3)在XHTML 中标签必须严格嵌套,HTML对标签嵌套没有严格规定;
(4)在XHTML 中属性名称必须小写,在HTML 中也一样;
(5)在XHTML 中标签必须用双引号引起来,HTML中可以不用;
二、特殊符号
表示空格;
“表示双引号;
&表示&符号;
>表示大于号>;
<表示小于号<;
©?表示版权符号?;
三、列表的使用
(1)无序列表
无序列表是一个项目列表,使用项目符号标记无序列表的项目,无序列表也就是没有顺序的列表;
无序列表的type属性取值有三种,分别是circle(圆圈)、disc(实心圆点)、square(方块);
# 打印实心圆点的无序列表
<body>
<ul type=”disc“>
<li>第一</li>
<li>第二</li>
<li>第三</li>
</ul>
</body>
(2)有序列表
有序列表也是由一个个列表项组成,列表想既可以使用数字标记,也可以使用字母标记;
有序列表的type属性取值有5中,分别是1(数字)、i(小写罗马字母)、I(大写罗马字母)、a(小写字母)、A(大写字母);
# 打印数字排序的有序列表
<body>
<ol type=”1“>
<li>我最爱椰奶</li>
<li>第二爱可乐</li>
<li>第三爱橙汁</li>
</ol>
</body>
(3)定义列表
定义列表是当无序列表和有序列表都不适合时,通过自定义列表来完成自定义展示,所以定义列表不仅仅是一个项目列表,而是项目和注释的组合;
<body>
<dl>
<dt>春晓</dt>
<dd>春眠不觉晓,处处闻啼鸟</dd>
<dd>夜来风雨声,花落知多少</dd>
</dl>
</body>

四、表格的使用
(1)表格的基本结构
单元格:表格的最小单位,一个或多个单元格纵横排列组成了表格;
行:一个或多个单元格横向堆叠形成了行;
列:一个或多个单元格纵向堆叠形成了列;
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
</table>
(2)表格的对齐方式
align属性:left表示水平居左、center表示水平居中、right表示水平居右;
valign属性:top表示垂直置顶、middle表示垂直居中、bottom表示垂直靠底;
(3)表格的其他属性
th:一种特殊的单元格,加粗并居中;
caption:表格标题;
cellspacing:规定单元格之间的空间;
cellpadding:规定单元边沿与其内容之间的空白;
colspan:表格跨列;
rowspan:表格跨行;
以上就是青岛IT培训给大家做的内容详解,更多关于UI的学习,请继续关注青岛IT培训
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 哈尔滨
- 济南
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 长沙
- 昆明
- 太原
- 无锡
- 石家庄
- 南宁
- 佛山
- 珠海
- 宁波
- 保定
- 呼和浩特
- 洛阳
- 烟台
- 运城
- 潍坊
HTML中的列表和表格的使用
- 发布:青岛IT培训
- 来源:青岛IT培训
- 时间:2019-04-15 17:50
青岛IT培训的小编总结,一、HTML与XHTML的区别
(1)在XHTML 中标签名称必须小写,在HTML 中标签名称既可以小写也可以大写;
(2)在XHTML 中标签必须封闭,在HTML中标签可以不成对出现;
(3)在XHTML 中标签必须严格嵌套,HTML对标签嵌套没有严格规定;
(4)在XHTML 中属性名称必须小写,在HTML 中也一样;
(5)在XHTML 中标签必须用双引号引起来,HTML中可以不用;
二、特殊符号
表示空格;
“表示双引号;
&表示&符号;
>表示大于号>;
<表示小于号<;
©?表示版权符号?;
三、列表的使用
(1)无序列表
无序列表是一个项目列表,使用项目符号标记无序列表的项目,无序列表也就是没有顺序的列表;
无序列表的type属性取值有三种,分别是circle(圆圈)、disc(实心圆点)、square(方块);
# 打印实心圆点的无序列表
<body>
<ul type=”disc“>
<li>第一</li>
<li>第二</li>
<li>第三</li>
</ul>
</body>
(2)有序列表
有序列表也是由一个个列表项组成,列表想既可以使用数字标记,也可以使用字母标记;
有序列表的type属性取值有5中,分别是1(数字)、i(小写罗马字母)、I(大写罗马字母)、a(小写字母)、A(大写字母);
# 打印数字排序的有序列表
<body>
<ol type=”1“>
<li>我最爱椰奶</li>
<li>第二爱可乐</li>
<li>第三爱橙汁</li>
</ol>
</body>
(3)定义列表
定义列表是当无序列表和有序列表都不适合时,通过自定义列表来完成自定义展示,所以定义列表不仅仅是一个项目列表,而是项目和注释的组合;
<body>
<dl>
<dt>春晓</dt>
<dd>春眠不觉晓,处处闻啼鸟</dd>
<dd>夜来风雨声,花落知多少</dd>
</dl>
</body>

四、表格的使用
(1)表格的基本结构
单元格:表格的最小单位,一个或多个单元格纵横排列组成了表格;
行:一个或多个单元格横向堆叠形成了行;
列:一个或多个单元格纵向堆叠形成了列;
<table>
<tr>
<td>第一行第一列</td>
<td>第一行第二列</td>
<td>第一行第三列</td>
</tr>
<tr>
<td>第二行第一列</td>
<td>第二行第二列</td>
<td>第二行第三列</td>
</tr>
</table>
(2)表格的对齐方式
align属性:left表示水平居左、center表示水平居中、right表示水平居右;
valign属性:top表示垂直置顶、middle表示垂直居中、bottom表示垂直靠底;
(3)表格的其他属性
th:一种特殊的单元格,加粗并居中;
caption:表格标题;
cellspacing:规定单元格之间的空间;
cellpadding:规定单元边沿与其内容之间的空白;
colspan:表格跨列;
rowspan:表格跨行;
以上就是青岛IT培训给大家做的内容详解,更多关于UI的学习,请继续关注青岛IT培训
最新开班时间
- 北京
- 上海
- 广州
- 深圳
- 南京
- 成都
- 武汉
- 西安
- 青岛
- 天津
- 杭州
- 重庆
- 厦门
- 哈尔滨
- 济南
- 福州
- 沈阳
- 合肥
- 郑州
- 长春
- 苏州
- 大连
- 长沙
- 昆明
- 温州
- 太原
- 南昌
- 无锡
- 石家庄
- 南宁
- 中山
- 兰州
- 佛山
- 珠海
- 宁波
- 贵阳
- 保定
- 呼和浩特
- 东莞
- 洛阳
- 潍坊
- 烟台
- 运城