2021-05-20

表单：
1.点击文字，光标对应的表单控件上面
form—表单
input—type=“text"等-----表单控件

组成：
<label for=“idname”
<input type=“text” id=“idname”

2.表单控件：
单元按钮，多选按钮，给某一个选项添加默认选中状态：checked=“checked”/checked
下拉框默认被选中：给选项option添加selected=“selected”/selected
多行文本框，禁止缩放大小：css属性resize：none；
表单分组:-----<fieldset------自带边框 2px 可以嵌套多个fieldset
legend>表单分组标题</legend
</fieldset

文件上传-----input type=“file” multiple（多文件上传）

图像域

属性：
1.name：表单属性用于表单提交必不可少的属性
2.value：
input text/password等输入框-----输入值
inout type button/submit等按钮----按钮显示的值
单选按钮、多选按钮，下拉框option标签—用于表单提交数据内容

表格补充：
表格标签：
表格标题—caption
表格列标题—th
表格头部—thead----一个
表格主题—tbody----多个
表格底部—tfoot—一个
列分组：colgroup span=“num” num----确定多少列组合成一组
列标签：col(一般情况下写在colgroup里，如果不写，浏览器自动补全colgroup）span=“确定多少列合成一组）

表格属性：css属性
设置单元格与单元格之间的间隙：border-spacing
边框是否合并：border-collapse：collapse（合并）/separate(分开）
表格固定宽度：table-layout：fixed/auto
设置没有内容的单元格显示和隐藏：empty-cells：hide/show

鼠标改为图片：(图片改为ico 格式）
cursor：url（加载图片地址），auto/pointer；

页面优化：（便于搜索引擎快速搜索页面）
1.head标签添加meta标签，关键字，描述等。
2.对a优化
A：尽量用文字，不用图片，Flash等
B：title属性（鼠标移入a提示信息）
3.对图片优化
A：title属性（鼠标移入a提示信息）
B：alt属性（图片加载失败时，提示信息）
4.页面要求，代码尽量简洁合理，缩小页面体积，体积控制在100kb以内
5.项目，尽量使用外部样式表