HTML学习基础（二）

一、表格（table）标签

1、定义：

<table> 标签定义 HTML 表格。

简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。

tr 元素定义表格行，th 元素定义表头，td 元素定义表格单元。

更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。

2、语法：

<table>
  <tr>
    <th>Month</th>
    <th>Savings</th>
  </tr>
  <tr>
    <td>January</td>
    <td>$100</td>
  </tr>
</table>

3、可选属性：

二、img标记

1、定义

img 元素向网页中嵌入一幅图像。

<img> 标签并不会在网页中插入图像，而是从网页上链接图像。<img> 标签创建的是被引用图像的占位空间。

<img> 标签有两个必需的属性：src 属性 和 alt 属性。

2、示例

<img src="../../ch6/Dir2/sea.gif"/>

3、效果

4、属性

属性	含义
height	高度
width	宽度
border	边框宽度
lowsrc=“低分辨率图片的位置”	当网络传输阻塞时，强迫浏览器先读取低分辨率的图片
alt	当浏览器不能显示所指代的图片时，可以设置IE显示一段说明该图片的文字，代替图文件。要看效果必须进行的设置：internet选项----取消勾选多媒体项目的显示图片复选框---确定

5、全屏平铺图片

说明：根据浏览器的大小变动，背景图片充满整个浏览器。

<img src="../../ch6/Dir2/sea.gif" width="100%" height="100%" style="z-index:100;position:absolute;left:0;top:0;"/>

三、超链接

1、相对路径和绝对路径

2、超链接标记

 <a href=”链接位置”>超链接名称</a>

3、图片超链接

<a href="http://www.baidu.com"><img src=../images/xujun.jpg></a>

四、HTML表单

1、HTML

<form>
    <table border="1">
        <tr><td>姓名：</td><td><input type="text" /></td></tr>
        <tr><td>学号：</td><td><input type="text" /></td></tr>
        <tr><td>密码：</td><td><input type="password" /></td></tr>
        <tr><td>省份：</td><td>
        <select>
            <option>---请选择---</option>
            <option>北京</option>
            <option>天津</option>
            <option>上海</option>
            <option>浙江</option>
            <option>江苏</option>
        </select>
        </td></tr>
        <tr><td>性别：</td><td>
            <input type="radio" name="sex" id="m"/><label for="m">男</label>
            <input type="radio" name="sex" id="w" /><label for="w">女</label>
        </td></tr>
        <tr><td colspan="2" align="center" valign="middle"><input type="submit" value="提交" /></td></tr>
    </table>
</form>

2、select标签，多选属性

如果要变成复选，加muiltiple即可。用户用Ctrl来实现多选。

<select name="fruit" multiple="multiple">

还可以用size属性来改变下拉框(Select)的大小