零基础学前端HTTP记忆篇1500字

最新推荐文章于 2025-12-28 15:18:47 发布

原创最新推荐文章于 2025-12-28 15:18:47 发布 · 111 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#http #html5 #html

本文介绍了HTML中表格的基本元素及属性，包括<table>、<tr>、<td>和<th>，并详细讲解了表格的样式控制如宽高、对齐、边框等。此外，还探讨了行和单元格的合并以及表格嵌套在布局中的应用。接着，文章转向HTML表单的构成，包括<form>标签、表单域的各种类型如文本输入、密码、选择、多选、日期等，以及表单按钮的使用。表单属性如placeholder、maxlength和required等也被提及。

1.<table> 表格标签
   <tr> 表格行
   <td> 单元格
   <th> 具有标题样式的单元格
2.表格的属性
   width，height 宽高
   align 对齐方式 left center right
   border 边框的宽度
   bgcoclor 背景色
   cellpadding 单元格内部填充
   cellspacing 单元格间距
   rules 单元格的边框显示 rows水平显示 cols垂直显示 all单线显示 none不显示
   frame 表格的边框显示 above上 below下 lhs左 rhs右 hsides上下 vsides左右 void不显示
3.行和单元格属性
   rowspan 列合并
   colspan 行合并
   width，height 宽高
   bgcolor 背景色
   align 对齐方式
4.表格的嵌套
   方便控制页面的宽高布局
1.什么是表单？用于采集用户数据，提交给服务器的方式
2.表单的组成
   1.表单标签
       <form action="服务器地址" method="请求方法post/get">
       表单的标题框
           <fieldset id=""><legend>注册</legend></fieldset>
   2.表单域
       1.单行文本
           < input type = “text” >
               placeholder="输入框提示neir"
               outline：none 取消文本框输入显示框
       2.密码框
           < input type = “password” >
       3.下拉列表
           <select> <option>
       4.多行文本
           <textarea>
       5.单选按钮
           < input type = “radio” >
           单选按钮组的name 统一，可实现单选
       6.多选按钮
           < input type = “checkbox” >
       7.文件选择
           < input type = “file” >
       8.颜色选择
           < input type = “color” >
       9.日期选择
           <input type="date">
       10.数字，范围
           < input type = “range” >
   3.表单域属性
       piaceholder 提示文本
       maxlength 最大长度
       required 空白验证
       checked 默认勾选
       lable for="id" 属性可以绑定到对应的表单域元素
   4.表单按钮
       1.提交按钮
           < input type = “submit” >
       2.重置按钮
           < input type = “reset” >
       3.自定义按钮
           < input type = “button” >