HTML标签(二)
- 列表标签
1) 无序列表:所谓无序列表就是指列表项间没有顺序,属性有type,用来设置列表符号的类型,属性值为disc(默认,黑色圆)、circle(空心圆)、square(黑色方块)、none(无)
标准格式:
<ul>
<li>列表1</li>
<li>列表2</li>
<li>列表3</li>
</ul>
2)有序列表:所谓有序列表是指列表项间有顺序要求,属性有type,作用是 设置编号类型,1,a,A,I,I
标准格式:
<ol>
<li type="1">无序列表1</li> <!-- 1 表示按照数字排序 -->
<li type="A">无序列表3</li> <!-- A 表示按照大写字母排序 -->
<li type="a">无序列表2</li> <!-- a 表示按照小写字母排序 -->
<li type="I">无序列表4</li> <!-- I 表示按照希腊字母排序 -->
<li type="i">无序列表4</li> <!-- i 表示按照希腊字母排序 -->
</ol>
3)定义列表:
标准格式:
<dl>
<dt>1.标题1</dt>
<dd>内容1</dd>
<dd>内容2</dd>
<dt>2.标题2</dt>
<dd>内容3</dd>
<dd>内容4</dd>
</dl>
2.table表格标签
属性:
1)border:设置表格边框,属性值为像素值(px),默认为0 ;越大越粗。
2)width:设置表格宽度,默认宽度为内容宽度,属性值为像素比或百分比。
3)height:作用是设置表格高度,默认高度为内容的高度,属性值为像素比或百分比。
4)cellspacing:作用是设置单元格的间距,属性值为像素值。
5)cellpadding:作用是设置单元格内容和边框的距离。
6)align:设置表格相对于父元素的水平对齐方式,属性值为left、right、center。
tr行标签,属性有
td列标签,属性有
1) height:设置该行的行高,属性值为像素值
2) align:设置该行中内容的水平对齐方式,属性值为left、center、right
3) valign:设置该行中内容的垂直对齐方式,属性值为top、center、bottom
1) width:设置该单元格所在列的列宽,属性值为像素值
2) height:设置该单元格所在行的行高,属性值为像素值
3) align:设置该单元格内容的水平对齐方式,属性值为left、center、right
4) valign:设置该单元格内容的垂直对齐方式,属性值为top、center、bottom
5) colspan:合并水平方向上的单元格,格式,colspan=”被合并的单元格的个数”
6)rowspan:合并纵向上的单元格,格式rowspan=”被合并的单元格的个数”
基本结构:
<table border="1px">
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
<tr>
<td>1</td>
<td>2</td>
<td>3</td>
</tr>
</table>
<!-- 定义3行3列的表格 -->
3.table相关标签:
1)th标签:设置表头单元格,表头单元格就是一种具有特殊效果(加粗、居中)的单元格
2)caption标签:设置表格标题
3)thead标签:设置表格头部
4)tbody标签:设置表格主题
5)tfoot标签:设置表格页脚
介绍几个常用符号:
- 空格 :
- 小于号:
<
- 大于号:
>
- 双引号:
"
- 版权符号:
©
- 注册商标:
®