HTML常用标签大合集(2)

157 阅读1分钟

8.盒子标签:div和span

div标签:是一个块级标签,自己独占一行,可以实现换行;
span标签:是一个行内标签,span有多少内容,就会占用多大空间,不会自己换行,常常用来组合文档中的行内元素;

69d61faa881afc8490bd227a5c09e31.png

62361e371e046b9e22dfc9105aabeb1.png

9.table:表格的基本结构

75ac4334fd7d86f16be4882a80f954b.png

400b5b7dc18168f2aa475c6e9cf27d9.png

表格的表头是单元格的一种变体,实质上是一种单元格加粗和居中
table的属性:
width:表格的宽度
height:表格的高度
align:表格的对齐方式
border:表格的边框
bordercolor:边框的颜色
cellspaning:单元格之前的距离
csllpadding:单元格与内容之间的距离
bgcolor:表格的背景颜色
background:表格的背景图片
tr的属性:
height:行的高度
bordercolor:边框的颜色
bgcolor:表格的背景颜色
background:背景图片
align:文本水平对齐方式
valign:文本垂直对齐方式
tr的属性:
width:单元格的宽
height:单元格的高度
bordercolor:边框的颜色
bgcolor:背景颜色
background:表格的背景图片
align:文本水平对齐方式
valign:文本垂直对齐方式
colspan:水平合并单元格(跨列)
rowspan:垂直合并单元格(跨行)

10.表单 (form)输入类型

1.单选按钮radio (checked默认)

<input type="radio" value="男" name="sex">男 <!-- radio:单选框 --> <input type="radio" value="女" name="sex">女

2.复选按钮 (checked默认)

<input type="checkbox" value="羽毛球" name="hobby">羽毛球 <input type="checkbox" value="足球" name="hobby">足球 <input type="checkbox" value="台球" name="hobby">台球 <input type="checkbox" value="排球" name="hobby">排球

3.密码输入框

密码 <input type="password">

4.提交按钮

<input type="button" value="提交"> 或者 <input type="submit" />

5.重置按钮

<button type="reset" value="重置">重置 </button> 或者 <input type="reset" />

6.图片按钮(有提交功能)

<input type="image" />

7.单行文本框

<input type="text" size="文本框显示的长度" maxlength="最长字符数"/>

8.多行文本框

05966d893ce46db5f62217d5ed112c9.png

<!-- <textarea cols="一行多少字符" rowa="多少行"><textarea> -->

9.文件域,可以选择本地文件上传

<input type="file"/>

10.列表选择框

image.png

image.png