文档声明 不是注释也不是元素,总是在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元素范围内的