# PS###ps: Ctrl + ：缩大 Ctrl -：缩小###通用: Ctrl c：复制 Ctrl v：粘贴 Ctrl x：剪切 Ctrl z：恢复# W3C W3C:万维网联盟，是目前web技术领域最具权威和影响力的技术标准机构（制定标准） 目前为止，W3C已发布了200多项影响深远的web技术标准及实施指南# HTML HTML全称：HyperText Markup Language 超文本标记语言，该语言书写的代码通常会被浏览器解析执行渲染成网页 HyperText超文本：不只包括文本也可以包括图片，链接，音乐，视频等非文本元素 Markup Language标记语言：是一套标记标签，HTML使用标记标签来描述网页 一个页面就是一篇文档，而一篇文档最核心的就是内容，不同含义的内容组成了文档的结构# CSS CSS全程：Cascading Style Sheets(层叠样式表) 用于定义HTML文档的样式（外观）；该语言书写的代码通常会被浏览器解析执行；HTML文档在页面 中的样式由CSS决定# HTML术语 HTML注释的书写格式：<！--注释内容-->（用于描述代码功能，浏览器解析HTML代码时会忽略注释内容） HTML元素（标记，记标，标签）是HTML文档的重要组成部分，一个HTML文档由大量元素组成 HTML中的所有内容结构都是靠元素组织到页面的 元素组成部分： 开始标签（起始标记）表示元素的开始 <~>标记名 元素内容 结束标签（结束标记）表示元素的结束 </~>标记名 不同的标记名赋予元素不同的含义 h3标记表示三级标题（标记名范围：h1~h6） ` <a href(属性名)="/classroom/17"（属性值）>立即加入</a> ` href="/classroom/17"：属性（所有元素都有属性，加在开始标签里，属性表示元素的额外信息） 标记名，属性，元素内容共同决定了一个元素的显示内容和行为 a标记：表示这是一个超链接 元素内容：表示在页面上显示立即加入 href属性：表示用户点击它后会跳转到属性值 空元素：没有元素内容和结束标记，也称之为自闭合元素 空元素的书写方式： <标记名 属性> <标记名 属性/>#元素的层次结构 一个元素的内容中可以包含其他元素形成嵌套的层次结构，但两个元素之间不能相互嵌套（标签当中又套入了标签：嵌套） 若A元素直接包含B,A为B的父元素，B为A的子元素 若两个元素有同一个父元素它们互为兄弟元素 若A直接或间接包含B，A是B的祖先元素，B是A的后代元素 文档声明既不是元素也不是注释，它总是出现在HTML代码的第一行 书写代码为： ` <!DOCTYPE html>文档类型定义（使用HTML5版本） ` 用于通知浏览器目前的文档正使用哪一个HTML版本，若不写文档声明浏览器渲染页面时会进入怪异模式 html元素又叫做根标记，根元素,它是所有其他元素的祖先元素,文档中所有其他元素都必须放置在它的元素内容中 相关属性：lang 该属性指定文档中的文字是用何种自然语言书写的 该属性可能会影响浏览器的语音阅读和翻译行为 ` <html lang="en"></html>en英文简写 ` ` <html lang="zh-cmn-Hans"></html>zh-cmn-Hans简体中文书写 ` head元素又叫做文档头，它是html元素的第一个子元素 文档头中可以包含一些其他元素，用于描述页面的附加信息 注意！head元素中的内容不会显示到页面上 head包含元素： <title>标识文档标题，该标题会显示在浏览器的标题栏或者标签页上 <meta>标识页面的其他元数据（页面相关的附加信息）这是一个空元素 示例:<meta charset ="UTF-8">指示浏览器使用字符编码集UTF-8解析页面 为获得更好的地域兼容性避免乱码应将字符编码集设置为UTF-8，并且将该代码作为head的第一个子元素 body元素又叫做文档体，网页中所有的可见内容都放置在该元素内 body元素中可以包含大量的其他元素，定义文档的内容结构#绝对路径和相对路径 绝对路径：当网站部署到服务器后，网站中的所有资源都可以通过一个地址（路径）访问 该地址（路径）的书写格式为：协议：//域名/目录 这种格式书写的路径叫做绝对路径 绝对路径的使用场景： 访问站外资源时，只能使用绝对路径 访问站内资源时，若网站已部署到服务器可以使用 相对路径：相对路径是相对于当前资源的位置，只能用于访问站内资源 相对路径的书写格式为：./路径 ./表示当前资源所在的目录，必须作为相对路径的开始，可省略 ../表示返回上一级目录