H5基础阶段一

一. 前端的整体构成（html,css,javascript）

1. html：超文本标记语言    结构
     超：超链接
     文本：text
     标记：又被称为 标签
     语言：和计算机沟通的桥梁
2. css：层叠样式表   样式
3. JavaScript：脚本语言   行为
   
   

---

二. 文档结构

1. html：这个整个文件的主体标签，所有的代码都不允许超出它范围
2. head：页面头部信息。用于向浏览器提供整个页面的基本信息，但是它不包含页面主体内容，头部信息主要包括页面的标题，元信息，css样式，JavaScript脚本等。
3. body：网页的正文，是用户在浏览器窗口中能够看到的信息，比如：图片，表格，视频等。需要在标签之内，但不是所有的标签都是可见的。

html，head，body是HTML文档的基本元素，三者共同构成了整体文档的骨架。

4. < !DOCTYPE html> 代表“ 文档类型为html ”。
5. 头部< head>< /head>间的 title 为标题。
6. 若出现乱码，头部head中加< meta charset=”utf-8”>。
7. body里的< h>< /h>用来作标题的，大小为 h1~h6 从大到小。
   
   

---

三. HTML语法

1. 标签

1）标记符中的标记元素用尖括号括起来，带斜杠的元素表示该标记说明结束；大多数标记符必须成对使用，以表示作用的起始和结束。
2）结束标记一定要以" / "结束，引号必须使用 " "，标签之间不能交叉嵌套。

2. 属性

必须放在开始标签里面，属性可以为标签提供更多样化的特性。

3. 元素

开始和结束标签连同包含在他们之间内容，我们通常叫做元素。

---

四. css的使用（样式）

在head标签中书写 < style type=“text/css”>

1. width：宽
2. height：高
3. background-color：背景颜色
4. color：字体颜色
5. font-size：字体大小（默认大小是16px）
6. text-align：水平对齐方式
        center  水平居中
        left  水平居左
        right  水平居右
7. line-height：行高（可达到垂直居中）
        ：200px;
8. border-radius：切圆 单位：%
        ：50%

<style type="text/css">
/*标签选择器*/
	div{
   
		width: 200px;
		height: 200px;
		
		/*background-color:背景颜色
		  red：红色*/
		background-color: red;

		/*字体颜色*/
		color: yellow;

		/*字体大小
		  默认大小是：16px*/
		font-size:20px;

		/*水平居中*/
		text-align: center;
		
		/*垂直居中--行高*/
		line-height: