文档声明
不是注释也不是元素，总是在HTML的第一行
书写格式：<!DOCTYPE HTML> 是用于通知浏览器目前文档正使用哪一个HTML版本（相关属性 lang）
若不写文档声明，浏览器渲染页面时会进入怪异模式
HTML元素又叫根元素或根标记，是所有元素的祖先元素
例：<html lang="en"></html>表示该文档中的文字用英语
<html lang="zh-cmn-hans"></html>表示该文档中的文字用简体中文
head元素又叫文档头，他是HTML的第一个子元素
head元素通常包含以下元素<title>\<meta|>\<style>\<link>
<meta charset="UTF-8">指示浏览器使用字符编码集UTF-8解析页面（meta是一个空元素）
body元素又叫文档体，网页上所有可见内容都放置在该元素中
快速添加内容的快捷方式：lorem+N+tab或p>loremN+tab
导入外部样式表
例：<link rel="stylesheet" href="./main.css">
外部样式表是写在head元素范围中的
link空元素表示引用外部资源 stylesheet表示导入的文件类型 href表示添加路径 main.css表示css相对于HTML的路径
路径中的./表示同级的文件，../表示要返回上级
特点：实现结构与样式分离，方便维护
导入内部样式表
例：<style type="text/css"> <p>.......</p></style>
内部样式表也是写head元素范围中的
导入行内样式表
例：<p style="color:red;">............</p>
行内样式表是写在body元素范围内的
时间： 2024-10-18 20:00:53