【HTML】HTML详解——控件

最新推荐文章于 2023-10-27 11:31:01 发布

遥寄三山

最新推荐文章于 2023-10-27 11:31:01 发布

阅读量1.2k

点赞数 4

CC 4.0 BY-SA版权

分类专栏： ●前端文章标签： HTML控件

本文链接：https://blog.youkuaiyun.com/sds15732622190/article/details/51818361

这篇博客深入介绍了HTML中的控件，包括表格的创建与属性，如border、align和bgcolor；用户输入控件<input>的使用，强调了type、name、size和value属性；还提及了列表框<select>、多行文本输入控件<textarea>、超链接<a href>和图像<img>的使用。通过这些基础知识，帮助读者更好地理解和运用HTML控件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

前言

上篇博客说到了HTML的标签，这篇博客我们着重说一下HTML中一些简单控件的使用。

表格

1、表格是用<table>元素来定义的，格式：<table border=n align="alignment" bgcolor="clr">...</talbe>
属性border用于定义表格边框的宽度，n是从0开始的整数；属性align用于设定表格的对齐方式，alignment可以是left、center、或right；属性bgcolor用于指定表格的背景色，取值同color。
2、<caption>...</caption>定义表格标题.
3、<tr align="alignment" valign="alignment">...<tr>
属性align用于指定这一行在水平方向上的对齐方式，alignment可以使left、center、right。
属性valign用于指定这一行在垂直方向上的对齐方式。alignment可以是top、middle、bottom。
4、<th>元素用于定义表头。
5、<td>元素用于定义单元格。

例：

<table border="1" align="center" bgcolor="#ffdddd">
    <caption>成绩单</caption>
    <tr align="center" valign="middle">
        <th>姓名<th>
        <th>语文<th>
        <th>数学<th>
        <th>英语<th>
    </tr>
    <tr align="center" valign="middle">
        <td>张三</td>
        <td>98</td>
        <td>97</td>
        <td>96</td>
    </tr>
    <tr align="center" valign="middle">
        <td&g