背景
- 完成了对HTML基础的复习。
认识
- 认识到了 HTML为骨架-----》内容 CSS为血肉-------》包装 JS为“思想”、“头脑”----------》交互、反馈
- 网页布局的一个效果可以用不同方案(此处方案主要指 不同标签的组合使用)实现
注意
-
注意区分有序列表、无序列表、自定义列表的使用
-
有序:列表中各个元素有先后顺序
-
1.起床 2.洗漱 3.吃饭 4.整理 5.出门
-
-
无序:列表中各个元素无先后顺序、无级别
-
洗衣服 拖地 烧开水 煮饭
-
-
自定义:列表中各元素无级别、但存在从属关系
-
作业 阅读 背诵 听写 试卷 家务 洗衣 做饭
-
-
-
注意部分标签内只允许存在某些标签
<ul>
<ol>
dl
中,前2者只允许<li>
后者只允许<dt>
<dd>
-
注意区分表格合并中的跨行和跨列
- 跨行–》纵向-------》写在被合并的左边第一个
- 跨列–》横向-------》写在被合并的从上到下第一个
-
<img>
标签使用时注意区分alt
title
两个属性- 前者,用于无法正常显示图片时,代替图片显示,进行说明
- 后者,图片名称,鼠标放在图片显示
-
注意标签
label
的绑定- 点击该标签内的内容,《=》聚焦或选中 :标签,那个
id
的值 与label
属性值for
相同的
- 点击该标签内的内容,《=》聚焦或选中 :标签,那个
-
注意区分
value
name
两个属性在不同标签的作用value
- 单选框、复选框标签,提供真实提交的信息
- 文本类,解释说明作用,帮助用户理解、使用文本框
- 按钮类,修改按钮上文字,帮助用户理解、使用按钮
name
<form>
中,用以区别同页面的其他表- 单选框、复选框,用于确定属于同一个问题的选框
- 定义元素名称