学习JavaWeb的第三天（关于标签，表格的一些内容）

l承z

已于 2022-07-13 21:49:23 修改

阅读量806

点赞数 3

文章标签： web

于 2022-07-13 21:48:08 首次发布

本文链接：https://blog.csdn.net/weixin_64311506/article/details/125771343

版权

标签

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在页面中开辟一个小区域显示一个单独页面

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>

设置文本框：

设置了一个控制行和列的文本框

设置重置按钮：<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>
网页如下：