HTML入门

HTML&SCC

根据W3C定义，HTML全称Hypertext Markup Langue，中文名：超文标记语言 
HTML用于定义文档内容和结构，HTML语言书写的代码通过浏览器渲染生成网页 
CSS全称Cascoding Style Sheets,中文名称：层叠样式表，用于控制HTML文档的样式。 
HTML和CSS概述： 
HTML决定了文档的内容和结构;CSS决定了文档的样式，页面表现的基础，可控制布局，控制元素的渲染。

HTML注释

书写格式： 
主要用于描述代码功能，浏览器解析HTML代码时会忽略注释内容，注释的好处很多，比如：可以方便项目组里其他同事了解你的代码，也方便自己或其他人后期对你的代码的理解和修改。

HTML元素

元素也叫标记、记标或标签，一个HTML文档有大量元素组成，HTML中的所有结构，都是靠元素组织到页面中的。它的组成部分有起始标签、元素内容、结束标签 
例如:

这里的h3元素表示3级标题，需要注意结束标签前面要加一个英文的斜杠符号

起始标记后面的部分叫属性，只能写在开始标记，作用是附加一些功能，这里的href叫属性名，”/classroom/”是属性值，标记里面是可以有多个属性的。 
空元素（又称自由闭合元素）：指没有元素内容和结束标记（例如img元素） 
空元素书写格式:<标记名 属性>或<标记名 / 属性>。

元素的层次结构

一个元素内容中可以包含其他元素，形成嵌套的层次结构，但两个元素之间不能互相嵌套。 
若A元素直接包含B元素： 
A为B 的父元素；B为A的子元素 
若两个元素共同拥有一个父元素： 
它们互为兄弟元素 
若A直接或间接包含B元素： 
A是B的祖先元素；B是A的后代元素

HTML文档结构

1.文档声明，它必须放在HTML文档的第一行（它不是元素也不是注释） 
书写代码<!…..>（输入！按tab键自动加载）；用于通知浏览器，目前的文档正使用哪一个HTML版本，若不写文档声明，浏览器渲染页面时会进入怪异模式，因为浏览器不知道你用的是什么版本，会默认使用最低版本解析，导致不认识很多标签，只认识元素内容。

HTML

最顶层的元素，又叫根元素（根标记或根标签）它是所有元素的祖先元素，文档中所有其他元素，都必须放置在它的元素内容中。 
相关属性：lang 
它是语言声明属性，用来定义当前文档的显示语言；如lang=”zh-CN”，表示定义语言为中文。

head元素

又叫做文档头，它是html元素的一个子元素;文档头中可以包含一些其他元素，用于描述页面的附加信息（注：head元素中的内容不会显示到页面上）。 
head元素中通常包含以下元素： 
标识文档标题，该标题标题会显示在浏览器的标题栏或标签页上。 
这是一个空元素，是页面的相关附加信息，标识页面的其他元素。 
例如：

指示浏览器使用字符编码集UTF-8解析页面，若没有这个元素，页面通常会乱码，并且注意应将字符编码集作为head的第一个子元素

body元素

又叫做文档体，页面中所有的可见内容都放置在该元素内，body元素中可以包含大量的其他元素，定义文档内容和结构。

路径

绝对路径

当网站部署到服务器后，网站中的所有资源都可以通过一个地址（路径）访问，该地址的书写格式为：协议：//域名/目录 
例如：(http://www.google.com/) 
协议：http 
域名：www.google.com 
目录：根目录 
绝对路径的使用场景： 
访问站外资源时，只能使用绝对路径； 
访问站内资源时，若网站已部署到服务部，可使用绝对路径，并可以使用协议和域名

相对路径

是相对于当前的资源位置，只能用于访问站内资源，书写格式为：./路径（这里的./可以省略，但最好不省略，对我来说不太好理解） 
../表示返回上一级目录。