一、表格(table)标签
1、定义:
<table> 标签定义 HTML 表格。
简单的 HTML 表格由 table 元素以及一个或多个 tr、th 或 td 元素组成。
tr 元素定义表格行,th 元素定义表头,td 元素定义表格单元。
更复杂的 HTML 表格也可能包括 caption、col、colgroup、thead、tfoot 以及 tbody 元素。
2、语法:
1 <table> 2 <tr> 3 <th>Month</th> 4 <th>Savings</th> 5 </tr> 6 <tr> 7 <td>January</td> 8 <td>$100</td> 9 </tr> 10 </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)的大小