本文介绍了HTML中的不同链接类型，包括页面间链接、锚链接和功能性链接，以及块级元素与内联元素的转换。此外，详细讲解了列表、表单元素如radio和checkbox的使用，以及select下拉列表的多选功能。还涵盖了CSS中的样式继承、伪类选择符，以及display属性在元素布局中的应用。
1.页面间链接：如<a href=“login.html target=”_blank">
2.锚链接：先在目标位置B设置标记
然后在A位置设置链接路径href属性值为”#标记名
3.功能性链接：mailto:电子邮件地址
4.块元素无论内容有多少，该元素都独占一行
5.块状元素转为内联元素：display: inline
内联元素转为块状元素：display: block
把元素设为内联块状元素： display: inline-block
6.有序列表
无序列表
- ul中只能嵌套li，而li可以嵌套任意标签
定义列表
- 是标题及列表项的结合
7.radio和checkbox用来进行单选和复选 单选框只能选一项,复选框可以多选或全选
8.标签用来作为下拉列表框,可以单选,也可以多选
9.multiple参数选择multiple时,列表可进行多选,多选方法为按下Ctrl键同时单击需要多选的选项 不需要多选时候,可以直接不进行此参数配置
10.标签内type参数选择为submit,为提交按钮;若为reset,则为重置按钮
11.label标签不会向使用者呈现任何特殊效果,当在label标签内选中某条选项文本时,浏览器会自动选中和该label标签相关的表单选项上 当启用label参数时候,在列表中,只要点到对应项的文字,就能选中该选项选框 未启用的话,点击选项的文字无效果,必须点击对应的选框才能选中对应选项
12“”作用为用来匹配html中所有标签元素，所有标签元素都会默认应用 {}中的样式,只需要在style标签中正常声明就行,在具体内容中无须引用
13.伪类选择符是用来给标签的某种状态设置(如鼠标滑过)样式,伪类选择符中在a标签上使用的:hover兼容性较好
14.继承是指样式应用于某个特定标签后,此标签内的其他标签也会被应用此样式,即更次一级的子标签会被套用父层标签的样式
15.标签权值为1,类选择符为10,ID选择符最高为100,继承的权值极低,可以近似为0
16.rows和cols这两个参数可以分别用CSS中的width和height代替
17.标签:用来进行大段的文字输入
18.type:输入类型选择 选择值: text:文本输入,正常显示输入的字符 password:密码输入,输入的字符会被黑色实心圆点代替 name:文本框名称,用于后台识别用途 value:文本框默认内容,用于提示
19.…:表单标签 所有表单内容在此标签内实现 action:表单数据被传输的目的地,可以是一个PHP页面(如save.php) method:表单数据传输方式(get/post),具体实现属于后端 所有表单控件,如文本框 文本域 按钮 单选框 复选框等,都必须放在标签内,否则会使预期完整表单数据无法完整传输
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
