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