复盘-----HTML

常用标签

p 段落标签 占整行
img src图片路径 alt错误文本 title悬停提示 width/height图片的宽高
h1-6 标题标签
br 换行标签
ul>li 无序列表
ol>li 有序列表
dl>dt+dd 定义列表
b/strong 加粗
i/em 倾斜
font 子体 color颜色 size大小
sub/sup 上下标
hr 水平线 width宽 height高
marquee 滚动文本 direction方向 behavior运动方式
span

网页图片

jpg/jpeg、png、gif、webg

颜色

RGB
#fff 截图软件：Snipaste：F1取色，shift切换

特殊字符

≪< >>  空格

超链接

>1.页面 <a href="http:www.baidu.com"></a> 
>2.音频 <a href="abc/x.png"></a> 
>3.未知文件 <a href="abc/x.xmind"></a>
>4.拨号 <a href="tel:110"></a>
>5.邮件 <a href="mailto:123@qq.com"></a>

超链接的跳转

1.target= _self当前页面、_blank新页面
锚链接 设置锚点 添加i

框架iframe

1.src 页面地址
2.frameborder 边框
3.scorlling 滑动条
4.width/height
5.name 框架名

单页面框架跳转

表格

1.table

1.border 表格四边
2.frame 表格四边显示：above 上 below下 rhs右 lhs左 vside左右 hside上下 void不显示
3.rules 表格间隔线设置
rows单线显示行 cols单线显示列 all单线显示行列
4.width/height
5.cellspacing 单元格外间距
6.cellspadding 单元格内填充
7.align 表格对其方式
8.bordercolor 边框颜色

2.

1.width/height
2.align 水平对齐 left、center、right
3.valign 垂直对齐 top、middle、bottom
4.background-color 背景色
5.colspan 列合并
6.rowspan 行合并

3.表格布局

1.行合并 rowspan 列合并colspan
2.嵌套表格

4.表单

1.表单标签 form
active：提交服务器地址
method：提交方法
post/get
2.表单域

①.文本输入框
<input type="text" name="wd" id="wd" value="">
 placeholder 提示文本
 maxlength 字符提示最大长度
 required 提交时验证不能为空
 ②.密码输入框 password
 ③.多行文本输入框
 <textarea name="a1" rows="3" cols="10"></textarea>
 ④.下拉列表
 <select name="city">
    <option value="郑州">郑州</option>
    ...
 </select>

3.表单按钮

①.<input type="submit" value="百度一下">
②.单选按钮 <label for="r1">男</lable>
<input type="redio" name="r1" id="r1" value="男" />
③.多选按钮 checkbox
④.时间选择框
<input type="date">
             datetime日期时间、datetime-local日期时间，按本地时区
⑤.数字选择框
<input type="number" min="" max="" step="" />
min:最小值 max:最大值 step:步进器
⑥.颜色选择框
<input type="color">
⑦.邮箱
<input type="email">
⑧.文件选择框
<input type="file">
⑨.区域滑动调整range
⑩.重置按钮、清空表单数据 reset
！！自定义按钮
button placeholder文字颜色修改
input::-webkit-input-placeholder{
   color:#000;
}