【HTML】HTML 注册表单案例 ① ( 表格设置 您所在的位置:网站首页 html中的区域标签 【HTML】HTML 注册表单案例 ① ( 表格设置

【HTML】HTML 注册表单案例 ① ( 表格设置

2023-04-01 03:49| 来源: 网络整理| 查看: 265

文章目录

一、表格设置1、设置表格位置和大小2、设置表格标题3、完整代码示例二、表单设置1、表格中设置单选按钮3、完整代码示例一、表格设置1、设置表格位置和大小

在 html 页面的 body 标签 中 , 通过 添加 table 标签 , 添加表格 ;

在 table 标签中 ,

width 属性用于设置 表格的 像素宽度 , 单位是 整数 ;align 属性用于设置 水平方向上 表格的 位置 , 可以设置 left , center , right ;

如果设置了 table 表格的 宽度为 600 像素 , 则 浏览器 缩小到 600 像素 , 就不能再缩小了 ; 下图中 浏览器 窗口已经缩小到最小 ;

2、设置表格标题

在 table 表格标签中 , 使用 caption 标签 设置 表格标题 ;

用户注册信息

效果如下 :

可以将标题设置为 h1 ~ h4 的标题样式 , 字体大一些 , 并有加粗效果 :

3、完整代码示例

完整代码示例 :

用户注册 用户注册信息 二、表单设置1、表格中设置单选按钮

在 表格中 , 每行可以设置不同的数据 , 一行的内容放在 tr 标签中 ;

行内 每个单元格 放在 td 标签中 ;

单选按钮 通过 name 属性进行组合 , 多个 单选按钮 可以分布在 网页的不同位置 ;

性别 男 女

如果想要 查看表格的边框 , 可以设置 table 标签的 border 属性为 1 ;

3、完整代码示例

完整代码示例 :

用户注册 用户注册信息 性别 男 女

运行效果 :



【本文地址】

公司简介

联系我们

今日新闻

    推荐新闻

    专题文章
      CopyRight 2018-2019 实验室设备网 版权所有