用得到的HTML标签详细浏览
sup标签
文字上标,双标签
sub标签
文字下标,双标签
bdo标签
文字方向,dir属性的值有(ltr正序和rtl反序)2种
ins标签
map标签
- 定义ID或者NAME,在要设置链接的图片加入usemap属性调用#ID/NAME,
- 与area标签同时使用
area标签详细浏览
- 区域的图像映射
shape属性详细浏览
shape 属性与 coords 属性配合,可以规定区域的尺寸、形状和位置。
区块元素
元素类型转换
- 转行内:display:inline;
- 转块:display: block;
- 转行内快:display:inline-block;
form表单
action:规定当提交表单时向何处发送表单数据。
input标签
- type属性
实例
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>form表单</title>
<style>
.box1{
width: 226px;
border: 1px solid red;
margin: 200px;
padding: 10px;
}
</style>
</head>
<body>
<div class="box1">
<form>
账号:<input type="text" name="zhanghao"><br>
密码:<input type="password" name="passw"><br>
<input type="radio" name="sex" value="male" checked>男
<input type="radio" name="sex" value="famale" checked>女<br>
爱好:<input type="checkbox" name="lanqiu">篮球
<input type="checkbox" name="zuqiu">足球<br>
<select name="cars">
<option value="volvo">Volvo</option>
<option value="saab" selected="selected">Saab</option>
<option value="fiat">Fiat</option>
<option value="audi">Audi</option>
</select>
<textarea rows="10" cols="30">文本域</textarea>
<input type="submit" value="确认">
<input type="reset" value="重置">
</form>
</div>
</body>
</html>
selected:默认选中
textarea:文本域,详细浏览
颜色的几种表达方式
- 英文单词颜色值:如红色red,绿色green等
- 十六进制颜色值:#FFFFFFF(6位十六进制数,范围:0~F)
- RGB颜色值三元数字:rgb(255,255,255);范围:0~255
- RGB颜色值三元百分比:rgb(100%,100%,100%)
- RGBA:rgba(255,255,255,0.3)a表示透明度,范围:0~1