CSS 全解析实战(二)-HTML基础强化
2018-07-09 本文已影响42人
紫霞等了至尊宝五百年
1 HTML常见元素和理解(1)


-
HTML 常见元素
viewport 标签适配移动端
-
HTML 重要属性
2 HTML常见元素和理解(2)

- <a> 标签的 HTML5新属性
-
href
规定链接的目标地址
-
target
规定在何处打开链接文档
-
-
表格
-
label
为 input 元素定义标注(标记)。
label 元素不会向用户呈现任何特殊效果。不过,它为鼠标用户改进了可用性。如果您在 label 元素内点击文本,就会触发此控件。就是说,当用户选择该标签时,浏览器就会自动将焦点转到和标签相关的表单控件上。
for 属性应当与相关元素的 id 属性相同。"for" 属性可把 label 绑定到另外一个元素。请把 "for" 属性的值设置为相关元素的 id 属性的值。
- button
定义一个按钮。
在 <button> 元素内部,可以放置内容,比如文本或图像。这是该元素与使用 <input> 元素创建的按钮之间的不同之处。
请始终为 <button> 元素规定 type 属性。不同的浏览器对 <button> 元素的 type 属性使用不同的默认值。
如果在 HTML 表单中使用 <button> 元素,不同的浏览器可能会提交不同的按钮值。请使用 <input> 在 HTML 表单中创建按钮。
3 HTML常见元素和理解(3)
-
如何理解 HTML
提取出来就是标题
4 HTML版本




5 元素分类

-
块-内联
HTML5中的分法

6 嵌套关系

7 默认样式和reset

面试真题








