标签
1.表格标签
表格的内容要写在<table></table>之间
在网页中显示单元格用<td></td>显示
利用<tr></tr>换行,将字体加粗用<b>,用align来设置文本在单元格的位置
例如:
<table border="2"> <tr> <td>1.1</td> <td>1.2</td> </tr> <tr> <td>2.1</td> <td>2.2</td> </tr> </table>
通过border来设置文本框的大小
通过width和height来设置表格的宽度和高度
表格框中的文本可以通过<td align="center" ><b></b></td>来使文本的内容在框的中心并使文本内容加粗(但这种方法较为麻烦,不建议使用)
上述操作可以通过<th></th>来实现,与上述实现的效果是相同的。
table标签是表格标签,tr是行标签,border设置表格标签,th是表头标签,td是单元格标签
在<table align=" ">来设置表格在网页中的对齐方式
cellspacing设置单元格的间距,当cellspacing=0时表格是两条线并列在一起的一个边框,为两个像素。
2.跨行跨列表格
colspan设置跨列操作,rowspan设置跨行操作
例如:
<table border="1"> <tr> <th>Month</th> <th>Savings</th> </tr> <tr> <td colspan="2">January</td> </tr> <tr> <td colspan="2">February</td> </tr> </table>
3.框架标签
iframe框架标签(内嵌窗口)
iframe标签可以在一个html页面上打开一个小窗口去加载一个单独的页面
<iframe rrc=" ">
iframe在页面中开辟一个小区域显示一个单独页面
src : 指定联网页的地址
frameborder: iframe默认有边界,可以通过设置frameborder=0来去除边界。
width,height: 通过设置width,height来控制iframe的宽和高。
name: 设置框架的名称
scrolling: 设置是否可滚动,yes ,no , auto
例如:<iframe src=" " width=" " height=" " name=" "></iframe>
4.表单标签
表单就是html页面中用来收集用户信息所有元素的集合,然后发送给服务器。
<form> form标签就是表单
空的可输入的文本框:<input type=" text"/>
密码框:<input type="password"/>
设置单选的标签
<input type="radio" name=" ">__<input type="radio" name=" ">__
就设置了两个选项
设置多选的标签
<input type="checkbox"/>__<input type="checkbox"/>__<input type="checkbox"/>__
设置滚轮选择框:
<select>
<option>--- ---<option>
<option>--- ---<option>
<option>--- ---<option>
</select>
设置文本框:
<textarea rows=" " cols=" "></textarea>
设置了一个控制行和列的文本框
设置重置按钮:<input type=" reset"/>
设置提交按钮:<input type="submit">
设置附加文件<input tyep="file">
例如:
<!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <title>表单标签</title> </head> <body > 用户名<input type="text"/> <br/> 密码<input type="password"/> <br/> 确认密码<input type="password"/> <br/> 性别<input type="radio" name="sex">男<input type="radio" name="sex">女 <br/> 兴趣爱好<input type="checkbox"/>游泳<input type="checkbox"/>篮球<input type="checkbox"/>网球 <br/> 自我评价<textarea rows="10" cols="10"></textarea> <br/> <input type="file"/> <br/> 国籍<select> <option>---请选择国籍---</option> <option>---中国---</option> <option>---美国---</option> <option>---英国---</option> </select> <br/> <input type="reset"/> <br/> <input type="submit"/> <br/> </body> </html> 网页如下: