HTML介绍
1.1 Web服务本质
浏览器发送请求-->HTTP协议-->服务端接收请求-->服务端返回响应-->服务端把HTML文件内容发给浏览器-->浏览器渲染页面
1.2 HTML是什么
- 超文本标记语言(HTML)是一种用于创建网页的标记语言.
- 本质上是浏览器可识别的规则,我们按照规则写网页,浏览器根据规则渲染我们的网页.对于不同的浏览器,对同一个标签可能会有不同的解释(兼容性问题).
- 网页文件的拓展名: .html或.htm
1.3 HTML不是什么
HTML是一种标记语言(markup language),它不是一种编程语言
HTML使用标签来描述网页
1.4 HTML文档结构
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
</body>
</html>
1. <!DOCTYPE html>声明为HTML5文档
2.<html> </html>是文档开始标记和结束标记.是html页面的根元素,在它们之间是文档的头部(head)和主体(body)
3.<head> </head>定义了HTML文档的开头部分.它们之间的内容不会在浏览器的文档窗口显示.包含了文档的元(meta)数据
4.<title> </title>定义了网页标题,在浏览器标题栏显示
5.<body> </body>之间的文本是可见的网页主体内容
注意: 对于中文网页需要用<meta charset="UTF-8">声明编码,否则会出现乱码.有些浏览器会设置GBK为默认编码,则你需要设置为<meta charset="GBK">
1.5HTML标签格式
- HTML标签是由尖括号包围的关键字,如
<html>,<div>等 - HTML标签通常是成对出现的,比如:
<div>和</div>,第一个标签是开始,第二个标签是结束.结束标签会有斜线 - 也有一部分标签是单独呈现的,比如:
<br/>,<hr/>,<img src="1.jpg">等 - 标签里面可以有若干属性,也可以不带属性
标签的语法:
- <标签名 属性1="属性值1" 属性2="属性值2"......>内容部分</标签名>
- <标签名 属性1="属性值1" 属性2="属性值2"....../>
几个很重要的属性:
- id:定义标签的唯一ID,HTML文档树中唯一
- class:为html元素定义一个或多个类名(classname)(CSS样式类名)
- style:规定元素的行内样式(CSS样式)
1.6 HMTL注释
<!--</html>-->
注释是代码之母
1.7 标签
<!DOCTYPE >声明必须是HTML文档的第一行,位于标签之前.
<!DOCTYPE >声明不是HTML标签,它是指示web浏览器关于页面使用哪个HTML版本进行编写的指令