Android程序猿搞Web|Android程序猿搞Web 之HTML(二)

Android程序员搞Web之HTNL(一)
1、表格的使用
1)、基本使用 作用:显示数据

表示单元格的盒子;
数字表格
数字
123
123

caption:表示表格标题
tr:表示行
td:表示单元格
th:表示表头单元格,使得字体自动居中加粗
align:设置在网页中水平位置
cellpadding:设置表格内内容与边框之间的距离
单位:像素
cellspacing:设置单元格与单元格边框之间的距离
单位:像素
【Android程序猿搞Web|Android程序猿搞Web 之HTML(二)】表格内无“列”的概念。
表格规范一般为 3参为0

Android程序猿搞Web|Android程序猿搞Web 之HTML(二)
文章图片
样图 2)、合并单元格 rowspan:表示跨行合并
colspan:表示跨列合并
数字表格
数字
123 abs
123 123 abs
123 abs

Android程序猿搞Web|Android程序猿搞Web 之HTML(二)
文章图片
样图 2、表单
揣着上坟的心情来上班
所在地区
密码
性别 不确定
喜欢类型 小鲜肉 老腊肉 半男不女
上传头像

1)、input属性 type的值包含:text(单行文本输入框)、password(密码输入框)、radio(单选输入框)、checkbox(复选框)、button(普通按钮)、submit(提交按钮)、reset(重置按钮)、image(图像形式的提交按钮)、file(文件域);
value:input控件中的默认文本;
name:当input的type为radio时(单选框),则必须设置该属性,并且同一组内的name的值必须相同,才可实现单选的效果;
size:input控件显示宽度
checked: 选择控件默认选中的项目,类似于radiobutton
maxlength:控件允许输入的最大字数
Android程序猿搞Web|Android程序猿搞Web 之HTML(二)
文章图片
样图 2)、label标签

当点击用户名三个字的时候,光标即可直接在输入框内出现

Android程序猿搞Web|Android程序猿搞Web 之HTML(二)
文章图片
样图 3)、文本域

Android程序猿搞Web|Android程序猿搞Web 之HTML(二)
文章图片
样图
cols:表示可输入列数
rows:表示可输入行数
3、下拉菜单

selected :表示默认选择该选项

Android程序猿搞Web|Android程序猿搞Web 之HTML(二)
文章图片
样图 4、表单域
用户名:

密 码:


action 表示:表单域提交收集到的数据到服务器的 url 地址。
method :提交方式 get 和 post 等等

Android程序猿搞Web|Android程序猿搞Web 之HTML(二)
文章图片
样图 Android程序员搞Web之CSS(三)

Android程序猿搞Web|Android程序猿搞Web 之HTML(二)
文章图片
欢迎关注.jpg

    推荐阅读