VSCode快捷键
- i：自动生成一套html代码
- ctrl+alt+o：快速在浏览器中浏览网页
常用元素
HTML提供了大量元素，每一个元素都有特定的用途，保证了网页的丰富多样性
- 区块：div
- 区分：span
- 文本：p，h1~h6, em, dt, dd
- 表格：table, tbody, thead, tr, td, th, tfoot, caption
- 表单：form, input, label, textarea, select
- 链接：a
- 图片：img
- 文档：html, head, title, body, meta
- 列表：ul, ol, li, dlside, footer, nav
- 其他：br, hr, iframe
- 结构：header, section, a, strong, pre, address, q, blockquote, cite, code
元素嵌套元素
元素嵌套的含义：把多个功能相似的，临近的元素包装成一个整体来使用，方便对它们进行归类、统一操作。
元素的属性
- 每个元素都可以拥有自己的属性，属性可以增强元素的功能
- 书写格式:<起始标签 属性名="属性值">
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>我的网页</title>
</head>
<body bgcolor="red" id="main" class="box">
</body>
</html>
- 上图中的html、meta、body元素均拥有属性，其中body元素拥有3个属性
- 属性名都是小写，且是无序的，谁先谁后不影响实际效果
- 属性值可以使用双引号，单引号括住，也可以省略引号。建议使用双引号。
- 有些属性是公共的，每一个元素都可以设置，比如：class、id、title
- 有些属性是特有的，不是每一个元素都可以设置，比如：meta的charset属性、img的alt属性等。
