HTML和CSS的概述——什么是HTML
根据W3C定义，HTML全称HyperText Markup Languoge用于定义文档的内容结构
W3C: 万维网联盟，是目前Web技术领域最具权威和影响里的技术标准机构，目前为止，W3C已发布了200多项影响深远的Web技术标准及实施指南 官网地址：w3.org
HyperText Markup Languoge 超文本标记语言，该语言书写的代码通常会被浏览器解析执行
一个页面就是一片文档，而一片文档最核心的，就是内容，不同的含义的内容组成了文档的结构
根据W3C定义，CSS全称为Cascading Style Sheet,用于定义HTML文档的样式（外观）
Cascading Style Sheet：层叠样式表，该语言书写的代码通常会被浏览器解析执行，HTML文档在页面中的外观样式由CSS决定
HTML决定了稳当的内容结构，CSS决定了文档的样式
切图
打开Photoshop CS6→Ctrl + O 打开图片，点击菜单栏→视图→标尺，然后窗口→信息，在右上角面板中选择面板选项，更改鼠标像素，然后拖动标尺封锁带截取的图片，然后选择选框工具，选择封锁区域，查看图片信息，然后选择切片工具，选中待截取的图片然后文件→存储为web格式→存储→选择当前选择切片→存储。
HTML术语
HTML注释
HTML注释的书写格式：
<!--注释内容-->
快捷键ctrl+/
HTML主要用来描述代码功能
什么是HTML元素
HTML元素是HTML文档的重要组部分，一个HTML文档由大量元素组成
HTML中的所有内容结构，都是靠元素组织到页面中
HTML元素的组成部分
<!--HTML元素-->
<h3> 编程入门基础 </h3>
<!--起始标记--> <!--元素内容--> <!--结束标记-->
标记名要相同
<h3> 123 </h3>
<!--属性：表示元素的额外信息-->
<a href="...."> 13132 </a>
<!--属性名 --> <!--属性值-->
标记名、属性、元素共同决定了一个元素的显示内容和行为
<a href="....">13132</a>
<!--a标记：表示这是一个超链接-->
<!--元素内容：表示在页面上显示13132-->
<!--href属性表示用户点击后，会跳转到该链接-->
空元素
元素中没有内容或结束标记，表示为空元素或者自闭合元素
空元素的书写方式<标记名 属性>或<标记名 属性 />
元素的层次结构
一个元素的内容中可以包含其他元素，形成嵌套的层次结构，但两个元素之间不可以相互嵌套，元素嵌套会产生一个树状的层次结构
若A直接包含B，则A为B的父元素，B为A的子元素
若两个元素有同一个父元素，他们互为兄弟元素
若A直接或间接包含B，B是A的后代元素
文档结构
文档声明
文档声明即不是元素，也不是注释，它总是出现在HTML代码的第一行
书写代码为 <! DOCTYPE html> → 使用HTML5版本
用于通知浏览器，目前文档正使用那一个HTML版本，若不写文档声明，浏览器渲染页面时会进入怪异模式
HTML元素
html元素又叫做根标记、根元素，他是所有其他元素的祖先元素，文档中所有其他元素，都必须放在它的元素内容中
相关属性：lang
该属性直接制定文档中的蚊子使用何种自然语言写的
该属性可能会影响浏览器的语音阅读和翻译行为
<html lang="en"></html><!--该文档中的文字使用英语书写>
<html lang="ZH-CMN-hANS"></html><!--该文档中的文字使用简体中文书写>
head元素
head元素又叫做文档头，他是html元素的第一个子元素，文档头中可以包含一些其他元素，用于描述页面的附加信息
！注意！head元素中的内容不会显示到页面上！
head元素中通常包含以下元素：
<title><!--标识文档标题，该标题会先是在浏览器的标题栏或者标签页上-->
<meta><!--标识页面其他数据(页面相关的附加信息)，这是一个空元素-->
指示浏览器，使用字符编码集UTF-8解析页面
为获得更好的地域兼容性、避免乱码，应将字符编码集设置为UTF-8，并且将该代码作为head的第一个子元素
body元素
body元素又叫做文档体，网页中所有的可见内容都放置在该元素内body中可以包含大梁的其他元素，定义文档的内容结构
绝对路径和相对路径
绝对路径
当网站部署到服务器后，网站中的所有资源都可以通过一个地址(路径)访问该地址(路径)的书写格式为：
协议：//域名/目录
这种书写的路径，叫做绝对路径
绝对路径的使用场景：
-
访问站外资源时，只能使用绝对路径
-
访问站内资源时，若网站一部书到服务器，可以使用绝对路径，兵可以省略协议和域名
相对路径
相对路径是相对于当前资源的位置，只能用于访问站内资源，相对路径的书写格式为：
./路径
./表示当前资源所在的目录，必须作为相对路径的开始，可省略
.//表示返回上一级目录
绝对路径和相对路径
站外资源 ： 绝对路径（推荐）
站内资源 ：
- 绝对路径 网站已部署，可省略协议和域名
- 相对路径 （推荐）
