html 入门2-表
html 入门-列表 表格 表单
一.表标签
1,无序列表 ( ul;li )
注意:代码排版必须要层次分明
2,有序列表 (ol;li)
3,自定义列表 (dl;li)
二.表格标签
1,table: 表的意思 (tr 行;td 列)
2,border: 设置表格边框,值越大,边框越粗
常设值:0或1
3,cellpadding: 单元格的内容 距离 单元格四周边线的距离
数值越大,距离越大
常设值:0
4,cellspacing: 单元格与单元格之间的 距离
数值越大,距离越大
常设值:0
5,height: 高,可以给固定值,也可以给百分比(高,设在行(tr)中)
6,width: 宽,可以给固定值,也可以给百分比(宽,设在列(td)中)
注意:最好先设置宽和高,再填写内容!
三.单元格的属性:(针对单元格中输入的内容)
1,align: 水平对齐方式
left(靠左,默认值), center(居中), right(靠右)
2,valign: 垂直对齐方式
top(顶部),middle(中间,默认值),bottom(底部)
3,th: 表头 里面的内容会加粗,居中
4,rowspan: 跨行(竖着合并单元格)
5,colspan: 跨列(横着合并单元格)
* 制表秘籍:*
1.数行数列 2.打出表格雏形 3.表格合并
4.设计宽、高 5.填上必要参数 6.填写内容
7.去边框,完善工作
四.表单:
用途: 登录,注册,搜索,发布留言....
1,文本框 type="text"
2,密码框 type="password"
3,单选框 type="radio" (name的值必须一样)
4,多选框 type="checkbox"
5,Checked:表示默认值,用来标记默认选项
6, value : 表示输入框的值。
7, placeholder: 表示输入框的输入提示说明, 当输入内容时会隐藏。
placeholder = “请输入6位数的密码”。
5,下拉列表 (select)
6,上传 type="file"
7,按钮type="button" 或<button>按钮</button>
8,提交type="submit"
9,重置type="reset"
10,多行文本框 ( textarea)