前端基础之HTML

HTML介绍

1.超文本标记语言（Hypertext Markup Language, HTML）是一种用于创建网页的标记语言

2.本质上是浏览器可识别的规则，我们按照规则写网页，浏览器根据规则渲染我们的网页。

    对于不同的浏览器，对同一个标签可能会有不同的解释。（兼容性问题）

3.html是一种标记语言，不是编程语言

4.html使用标签来描述网页

HTTP协议与特点

协议：客户端和服务端之间要有一个协议

          HTTP协议采用了请求/响应模型。客户端向服务器发送一个请求，请求头包含请求的方法、URI、协议版本、以及包含请求修饰符、客户 信息和内容的类似于MIME的消息结构。服务器以一个状态行作为响应，相应的内容包括消息协议的版本，成功或者错误编码加上包含服务器信息、实体元信息以 及可能的实体内容。

特点

1.简单的一来一回

2.短连接（一来（request）一回（response）就结束了）

3.无状态（每次连接对于服务端来说都是新的）

html常用标签

head内常用标签

meta标签

Meta标签介绍：

• <meta>元素可提供有关页面的原信息（mata-information）,针对搜索引擎和更新频度的描述和关键词。
• <meta>标签位于文档的头部，不包含任何内容。
• <meta>提供的信息是用户不可见的。

meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。 

1.http-equiv属性：相当于http的文件头作用，它可以向浏览器传回一些有用的信息，以帮助正确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。

<!--2秒后跳转到对应的网址，注意引号-->
<meta http-equiv="refresh" content="2;URL=https://www.oldboyedu.com">
<!--指定文档的编码类型-->
<meta http-equiv="content-Type" charset=UTF8">
<!--告诉IE以最高级模式渲染文档-->
<meta http-equiv="x-ua-compatible" content="IE=edge">

2.name属性: 主要用于描述网页，与之对应的属性值为content，content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。

<meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
<meta name="description" content="老男孩教育Python学院">

 

非meta标签

 --title

 --link icon

 --link引用css文件

 --style引用js文件

body里面的标签

基本标签（块级标签和内联标签）