蔚蓝色的风暴
蔚蓝色的风暴

HTML学习（六）：列表 表格 表单

                                           ## 列表标签

列表标签有三种

（1）无序列表

    在无序列表中，每一项为 

  • <ul>
	<li>yoyoli>
	<li>yoyoli>
ul>

    结果为

    • yoyo
    • yoyo

    注意

  • 必须在
      中

        具有属性值 type 其中 dics为实心圆点 square 为实心方点 circle 为空心圆

      • 也有相同的属性值，但不常用

        （2）有序列表

          里面每一项都是

        1. <ol>
	<li>嗯li>
	<li>哦li>
ol>

          效果为

          1. 嗯
          2. 哦

            具有属性值type 属性值可以是 1 a A i I

            start属性 决定从几开始

            注意：

          1. 是容器级标签，里面可以放任何东西，包括图片，包括

              （3）定义列表

              是 define list的缩写，只能包含
              和

              是列表标题

              是列表项

              <dl>
	<dt>第一条dt>
	<dd>哦哦哦<dd>
	
	<dt>第二条dt>
	<dd>哈哈哈dt>
dl>

              效果为

              第一条
              哦哦哦
              第二条
              哈哈哈

              表格标签

              表格标签为

              每个表格由行组成 每行由单元格
              组成

              <table>
	<tr>
		<td>哦哦td>
		<td>哈哈td>
	tr>
table>

              效果如下

              哦哦 哈哈

              有如下属性

              • border：边框。像素为单位。
              • style="border-collapse:collapse;"：单元格的线和表格的边框线合并（表格的两边框合并为一条）
              • width：宽度。像素为单位。
              • height：高度。像素为单位。
              • bordercolor：表格的边框颜色。
              • align：表格的水平对齐方式。属性值可以填：left right center。
                注意：这里不是设置表格里内容的对齐方式，如果想设置内容的对齐方式，要对单元格标签进行设置）
              • cellpadding：单元格内容到边的距离，像素为单位。默认情况下，文字是紧挨着左边那条线的，即默认情况下的值为0。
                注意不是单元格内容到四条边的距离哈，而是到一条边的距离，默认是与左边那条线的距离。如果设置属性dir=“rtl”，那就指的是内容到右边那条线的距离。
              • cellspacing：单元格和单元格之间的距离（外边距），像素为单位。默认情况下的值为0
              • bgcolor="#99cc66"：表格的背景颜色。
              • background=“路径src/…”：背景图片。 背景图片的优先级大于背景颜色。
              • bordercolorlight：表格的上、左边框，以及单元格的右、下边框的颜色
              • bordercolordark：表格的右、下边框，以及单元格的上、左的边框的颜色 这两个属性的目的是为了设置3D的效果。
              • dir：公有属性，单元格内容的排列方式(direction)。 可以 取值：ltr：从左到右（left to right，默认），
              • rtl：从右到左（right to left）
                既然说dir是共有属性，如果把这个属性放在任意标签中，那表明这个标签的位置可能会从右开始排列。

              行

              一个表格是由行组成的，包含以下属性

              • dir：公有属性，设置这一行单元格内容的排列方式。可以取值：
                • ltr：从左到右（left to right，默认)
                • rtl：从右到左（right to left）
              • bgcolor：设置这一行的单元格的背景色。
                注：没有background属性，即：无法设置这一行的背景图片，如果非要设置，可以用css实现。
              • height：一行的高度
              • align=“center”：一行的内容水平居中显示，取值：left、center、right
              • valign=“center”：一行的内容垂直居中，取值：top、middle、bottom

              单元格
              • align：内容的横向对齐方式。属性值可以填：left right center。如果想让每个单元格的内容都居中，这个属性太麻烦了，以后用css来解决。
              • valign：内容的纵向对齐方式。属性值可以填：top middle bottom
              • width：绝对值或者相对值(%)
              • height：单元格的高度
              • bgcolor：设置这个单元格的背景色。
              • background：设置这个单元格的背景图片。

              单元格的合并

              • colspan：横向合并。例如colspan="2"表示当前单元格在水平方向上要占据两个单元格的位置。
              • rowspan：纵向合并。例如rowspan="2"表示当前单元格在垂直方向上要占据两个单元格的位置。

              		加粗的单元格

              表格标题

              框架标签