Android程序猿搞Web 之HTML(二)

Android程序员搞Web之HTNL(一)

1、表格的使用

1)、基本使用

作用:显示数据

表示单元格的盒子;


    
数字表格
数字
123
123

caption:表示表格标题
tr:表示行
td:表示单元格
th:表示表头单元格,使得字体自动居中加粗
align:设置在网页中水平位置
cellpadding:设置表格内内容与边框之间的距离
单位:像素
cellspacing:设置单元格与单元格边框之间的距离
单位:像素

表格内无“列”的概念。
表格规范一般为 3参为0


Android程序猿搞Web 之HTML(二)_第1张图片
样图
2)、合并单元格

rowspan:表示跨行合并
colspan:表示跨列合并


    
数字表格
数字
123 abs
123 123 abs
123 abs
Android程序猿搞Web 之HTML(二)_第2张图片
样图

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 之HTML(二)_第3张图片
样图
2)、label标签

    
 

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


样图

3)、文本域


    
 
Android程序猿搞Web 之HTML(二)_第4张图片
样图

cols:表示可输入列数
rows:表示可输入行数

3、下拉菜单


    

selected :表示默认选择该选项


样图

4、表单域


    
用户名:

密 码:

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


Android程序猿搞Web 之HTML(二)_第5张图片
样图

Android程序员搞Web之CSS(三)

Android程序猿搞Web 之HTML(二)_第6张图片
欢迎关注.jpg

你可能感兴趣的:(Android程序猿搞Web 之HTML(二))