HTML特点
超文本标记语言文档制作不是很复杂，但功能强大，支持不同数据格式的文件镶入，这也是万维网 （WWW）盛行的原因之一，其主要特点如下：
1.简易性：超文本标记语言版本升级采用超集方式，从而更加灵活方便。
2.可扩展性：超文本标记语言的广泛应用带来了加强功能，增加标识符等要求，超文本标记语言采取子类 元素的方式，为系统扩展带来保证。
3.平台无关性：虽然个人计算机大行其道，但使用MAC等其他机器的大有人在，超文本标记语言可以使用 在广泛的平台上，这也是万维网（WWW）盛行的另一个原因。
4.通用性：另外，HTML是网络的通用语言，一种简单、通用的全置标记语言。它允许网页制作人建立文 本与图片相结合的复杂页面，这些页面可以被网上任何其他人浏览到，无论使用的是什么类型的电脑或浏览器。
CSS (Cascading Style Sheets) 层叠样式表
是一个用于修饰文档（可以是标记语言HTML，也可以是XML或者SVN）的语言，可以将文档以更优雅的形式呈现给用户
HTML和CSS之间的关系？
HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等。
CSS样式是表现。就像网页的外衣。比如，标题字体、颜色变化，或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
(HTML就像是一个人，而CSS就像是衣服和化妆品，用来装饰HTML)
结构，表现，行为？
结构：HTML用于描述页面的结构
表现：CSS用于控制页面中元素的样式
行为：JavaScript用于响应用户操作
html、css、js的关系（网页三要素）
html：网页框架构建 结构
css：样式设置 表现
js：事件、动态 行为
<!-- 文档头信息 -->
<!-- html5标准网页声明 -->
<!-- 不加这一行，就表示页面采用浏览器本身的解析标准，这样会造成页面在不同
的浏览器（IE、火狐等）可能出现不同的显示效果。 -->
<!-- h5的文档声明，声明当前的网页是按照HTML5标准编写的编写网页时一定要将h5
的文档声明写在网页的最上边。如果不写文档声明，则会导致有些浏览器会进入一个怪异模式，
进入怪异模式以后，浏览器解析页面会导致页面无法正常显示，所以为了避免进入该模式，
一定要写文档声明 -->
<!DOCTYPE html>
<!-- 属性lang是单词language的缩写，意思是语言，”en”代表英语，”zh-CN”代表中文 -->
<!-- html根标签，一个页面中有且只有一个根标签，网页中的所有内容都应该写在html根标签中-->
<!-- 只有两个子标签 head:浏览器设置 body：可视区展示 -->
<html lang="en">
<!-- head标签，该标签中的内容，不会在网页中直接显示，它用来帮助浏览器解析页面的 -->
<head>
<!--meta标签用来设置网页的一些元数据，比如网页的字符集，关键字、简介
meta是一个自结束标签，编写一个自结束标签时，可以在开始标签中添加 一个/ -->
<!-- 字符编码，浏览器会根据字符编码进行解析
常见的字符编码有：gb2312、gbk、unicode、utf-8-->
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<!-- viewport 设备的屏幕
width=device-width width属性控制设备的宽度。假设你的网站将被带有不同屏幕分辨率的设备浏览，
那么将它设置为 device-width 可以确保它能正确呈现在不同设备上。
initial-scale=1.0 确保网页加载时，以 1:1 的比例呈现，不会有任何的缩放。 -->
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!-- 浏览器选项卡上的名字 -->
<title>Document</title>
</head>
<!--body标签用来设置网页的主体内容，网页中所有可见的内容，都应该在body中编写-->
<body>
<!-- 在body里的内容都是显示在浏览器的视图区的 -->
</body>
</html>
基础标签的使用
- h标签 标题标签
在HTML中，一共有六级标题标签h1~h6
在显示效果上，h1最大，h6最小，但是文字的大小我们并不关心
6级标题中，h1的最总要，表示一个网页中的主要内容，h2~h6重要性依次降低，对于搜索引擎来说，h1的重要性仅仅次于title，搜索引擎检索完title会立即查看h1中的内容
h1标签非常重要，它会影响到页面在搜索引擎中的排名，一个页面最好只写一个h1标签
一般的页面中，我们只使用h1 h2 h3，其他的基本不用 - p标签
段落标签，段落标签用于表示内容中的一个自然段，使用p标签来表示一个段落
p标签中的文字，会独占一行，并且段与段之间会有一个间距 - br标签
br标签 表示换行标签 br标签是一个自结束标签 ，br标签的语义是不另起一个段落换行, 而在企业开发中一般情况下需要换行都是因为需要另起一个段落, 所以在企业开发中很少使用br标签 - hr标签
hr标签 可以在页面中生成一个分割线 - img标签
img标签 告诉浏览器要显示一张图片
src 放图片地址（绝对路径和相对路径，最好使用相对路径）
width 图片高度
height 高度
alt 图片加载出现问题时给用户展示的内容
title 鼠标悬停时的提示文字 - a标签
a标签的作用是用于控制页面与页面之间跳转的
a标签中还有一个叫做target的属性，这个属性专门用于控制如何跳转
self:用于当前的选项卡中进行跳转，也就是不新建页面跳转，默认就是_self
_blank:用于在新的选项卡中进行跳转，也就是新建页面跳转
a标签也有一个title属性，效果和img标签的title类似
注意点:
1.a标签不仅可以让文字点击，也可以让图片被点击
2.一个a标签必须有一个href属性，否则a标签不知道要跳转到什么地方
3.如果通过a标签href属性指定一个URL地址，那么必须在地址前面加上http://或者https://
除了URL地址，还可以指定一个本地地址
块级元素与行内的区别 面试题 80%
1.经典：块级元素独占一行，行内元素与其他元素共享一行
2.宽高：块级可以直接设置宽高，行内不可以直接设置宽高，需要通过display改变元素属性来设置（img、input 特殊的行内 置换元素）
3.块级元素可以包含块级与行内，行内只能包含行内
