HTML标签(二)

  1. 列表标签
    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标签:设置表格页脚

介绍几个常用符号:

  1. 空格 : &nbsp;
  2. 小于号:&lt;
  3. 大于号:&gt;
  4. 双引号:&quot;
  5. 版权符号:&copy;
  6. 注册商标:&reg;