1、html是什么?
HTML是一种超文本标记语言(HyperText Markup Language,简称HTML)
小补充(还有一种XML语言,叫做可扩展标识语言)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
<title>Document</title>
</head>
<body>
<div>我是内容</div>
</body>
</html>
2、模板标签介绍:
1、<!DOCTYPE html>:
!DOCTYPE 声明位于文档的最前面,处于标签之前,它不是html标签。
主要作用是告诉浏览器的解析器使用哪种HTML规范或者XHTML规范来解析页面。
2、<html></html>
HTML文档的根标签,页面中的所有内容都必须包含在<html>与</html>中
3、<head>页面的描述信息的都写在head标签中</head>
4、<body>页面主要显示区域,我们要显示在页面的标签都写着body中</body>
5、<meta charset="UTF-8">
meta作用:设置页面字符编码(告诉浏览器用指定编码来解析html文件)。
charset:是meta上的一个属性。
x-ua-compatible:是IE8及以上浏览器才有的一个设置。
IE=edge:表示兼容你电脑上的最新浏览器版本。
(就是你用的什么IE最新引擎版本就用什么版本的IE浏览器引擎兼容渲染)。
viewport:视口。就是设备的屏幕上能用来显示我们的网页的那一块区域。
width 和height :指令分别指定视区的逻辑宽度和高度。
initial-scale:用于设置Web页面的初始缩放比例。
maximum-scale和minimum-scale:用于设置用户对于Web页面缩放比例的限制。
(值的范围为0.25~10.0之间)
user-scalable:指定用户是否可以缩放视区,即缩放Web页面的视图。
(值为yes时允许用户进行缩放,值为no时不允许缩放)
6、<title>作用是:设置页面标题</title>
3、页面开发语言介绍:
- html----页面结构
- css---页面样式
- javaScript--页面行为(专门设计网页交互的效果)
交互: 输入数据 程序处理 返回结果