什么是HTML
W3C万维网联盟
是目前web技术领域最具权威和影响了的技术标准机构
HyperText Markup Language超文本标记语言
该语言书写的代码通常会被浏览器解析分析。
HyperText 超文本：不只包括文本，也可以包括图片、连接、音乐、视频等非文本元素
Markup Language标记语言：是一套标记标签，HTML使用标记标签来描述网页
用于定义文档的内容结构：
*一个页面就是一篇文档
*而一篇文档最核心的就是内容，不同含义的内容组成了文档的结构
什么是CSS
根据w3c定义，css全称Cascading Style Sheets,中文全称：层叠样式表
用于定义HTML文档的样式（外观）
页面表现的基础，可以控制布局，控制元素的渲染。
HTML决定了文档的内容结构，CSS决定了文档的样式
HTML术语
HTML注释+CSS元素
HTML注释的书写格式：<!--注释内容-->
*HTML注释主要用于描述代码功能
*浏览器解析HTML代码时会忽略注释内容
HTML元素
HTML元素是HTML文档的重要组成部分，一个HTML文档由大量元素组成
HTML中的所有内容结构，都是靠元素（标记/标签）组织到页面中的
HTML元素的组成部分
<起始标记>元素内容<结束标记>
href="...."是属性：表示元素的额外信息
href是属性名；=是分割符；“....”里面是属性值
元素内容才会显示在页面中
标记名，属性，元素内容共同决定了一个元素的显示内容和行为
<a href="...">元素内容</a>
a标记：表示这是一个超链接
元素内容：表示要在页面上显示的
href属性：表示用户点击它后，会跳转到的地方
空元素
只有开始标记
img元素，没有元素内容和结束标记，类似于这种元素，称之为空元素，自闭合元素
空元素的书写方式：<标记名 属性>或<标记名 属性/>
元素的层次结构
一个元素的内容中可以包含其他元素，形成嵌套的层次结构
但两个元素之间不能相互嵌套
若A元素之间包含B：A为B的父元素，B为A的子元素
若两个元素有同一个父元素：它们同为兄弟元素
若A直接或间接包含B：A是B的祖先元素，B是A的后代元素
HTML文档结构
文档声明：既不是元素，也不是注释，它总是出现在HTML代码的第一行
使用HTML5版本书写代码为<!DOCTYPE html>
用于通知浏览器，目前的文档正在使用哪一个HTML版本
若不写文档声明，浏览器渲染页面时会进入怪异模式
html元素
又叫根元素、根标记，它是所有其他元素的祖先元素
相关属性：lang，该属性指文档中的文字是用何种自然语言书写的；该属性可能会影响浏览器的语音阅读和翻译行为
</html lang="en"><*/html>该文档中的文字使用英语书写
</html lang="zh-cmn-Hans"><*/html>该文档中的文字使用简体中文书写
head元素
又叫文档头，它是html元素的第一个子元素
文档头中可以包含一些其他元素，用于描述页面的附加信息
注意！head元素中的内容不会显示到页面！
head元素中通常包含以下元素：
<*title>标识文档标题，该标题会显示在浏览器的标题栏或者标签页上
<*meta>标识页面的其他元数据（页面相关的附加信息），这是一个空元素
body元素
又叫做文档体，网页中所有的可见内容都放置在该元素中