HTTP+HTML基础

1.HTTP 超文本传输协议

包含：请求+响应

请求：request ，浏览器根据网址向对应的服务器发送请求

响应：response ，服务器根据请求响应文件，将页面传输给客户，在浏览器中渲染

发送请求的方法：直接输入网址，点击超级链接（一个链接会用好多个HTTP请求，包括图片，视频等等）

2.纯文本和HTML

纯文本：写多少内容文件就有多大

? .txt 文件，记事本：只保存文字内容，不保存样式

? word：保存文本和样式，同样的内容，文件大小要大于纯文本

HTML：超文本标记语言

? 构成网页文档得主要语言

? 超文本 :Hypertext(超出文本范畴)

html语言用文本来给文本添加语义，用到的文本就是超文本，网页里面不显示（用它来描述文本在页面中怎么显示），通过超级链接将多种媒介（文字，图片，视频）关联起来

标记：markup（标签）具有特殊意义的字符，提供语义化。用<>包裹，具有语义得内容

语言：语言规范，英文

*一种标识性得标记语言，非编程语言，不能进行逻辑运算*

html标签作用：给我们的文本增加语义，本身就是超文本，通过标签将网络上得文档格式进行统一，使得分散得网络资源连接为一个逻辑整体。

DTD:很重要，面试

DocType Definition:文档类型定义，用来定义文档规范

作用：规定了当前文件的html是用哪个版本的html规范书写

W3C组织负责更新html,css,js,的规范维护和更新 www.w3.org

中文学习网站：www.w3school.com.cn

版本：

html4.01 结构和样式进行了分离，可以在外部进行样式书写

Xhtml1.0 进行了规范升级（代码小写，属性用双引号包括，结束标签使用/符号）

两版都包含3个小规范

strict ：严格版：不能使用font/b/u/i等废弃标签，不能使用框架集

transitional: 过渡板（也叫通用版）可以使用font/b/u/i等废弃标签，不能使用框架集（在一个页面里嵌套另一个页面）

frameset：框架集版本可以使用框架集

html5不基于SGML规范，不在区别3个小规范，所以不需要引用DTD,直接**<!DOCTYPE html>**

共七个版本

HTML：超文本标记语言

? 构成网页文档得主要语言

? 超文本 :Hypertext(超出文本范畴)

标记：markup（标签）具有特殊意义的字符，提供语义化。用<>包裹，具有语义得内容

语言：语言规范，英文

*一种标识性得标记语言，非编程语言，不能进行逻辑运算*

html标签作用：给我们的文本增加语义，本身就是超文本，通过标签将网络上得文档格式进行统一，使得分散得网络资源连接为一个逻辑整体。

动态网页：页面代码虽然不会发生改变，但是显示内容会随着时间、环境或者数据库得操作结果而发生改变

静态网页：HTML代码书写完成后，页面内容和显示效果就不会发生变化，除非修改页面代码（资讯网页，文本网页等）

注意：动态网页和页面有动画效果不是一个东西，比如网页上会有幻灯片一样的东西，但是翻过来翻回去都是一样得内容，内容没有发生变化也属于静态页面

html标签，双标签，成对出现，表示整个网页

html标签有两个属性：

? manifest :定义一个URL，在这个URL上描述了文档的缓存信息（html5新增）

? xmlns：HTML不支持，只有XHTML支持，规定XML的namespace属性（首字母）

? 命名空间：举例：朝阳区，在北京和上海都有，我们要的是北京的，namespace就规定使用北京

注意“：lang属性是全局属性，全部的标签都可以使用lang属性，说明语言规范。

因为我们的网页要给不同的用户浏览，命名空间规定了使用的标签的含义，必须要将其统一

HTML的文档结构：

? 元素：网页实际上是由元素组成的文本文件，html元素就是构成html的基本对象。是一个统称。

? 标签：被<>包起来的对象，绝大多数是成对出现，比如,少数是单个出现，如
,等，用来标记html元素，位于起始标签和结束标签之间的文本就是html元素的内容

? 属性：为html元素提供各种附加信息的就是html属性，他总是以”属性名=属性值“的名值对出现，属性总是在html元素的开始标签进行定义。

? 注释：解释说明的文档快捷键：CTRL+/，浏览器不显示

标签用于定义文档的头部，它是所有头部元素的容器。中的元素可以引用脚本、指示浏览器在哪里找到样式表、提供元信息等等。文档的头部描述了文档的各种属性和信息，包括文档的标题、在Web 中的位置以及和其他文档的关系等。绝大多数文档头部包含的数据都不会真正作为内容显示给读者。下面这些标签可用在head部分: ,, ,

?
下面是一般情况的HTML结构：

<!-- !是申明的意思，这行代码是下面代码将以HTML5标准规范解析 -->
<!DOCTYPE html>

<html> <!--一个网页以html标签开始与结束，其中通常包括头部和主体，但是主体部分不可以省略，头部可以省略-->

<!--头部，用来完成一个网页的相关设置的-->
<head>
    <meta charset="utf-8">   <!--编码设置，汉字编码，使得显示内容不会乱码-->
<!-- meta是元的意思，主要用来完成对应设置 -->
    <meta name="keywords" content=""><!--设置一个网站的搜索关键字-->
    <meta name="description" content="">  <!--content内容为网站的描述内容-->
    <!-- 上面的两个内容一般一起写，用来做搜索优化，在不付费的情况下使得网站在搜索结果显示页中往前靠 -->

<title>标题位置</title>     <!--标题-->

<!-- 设置网站小图标 -->
<!-- <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"> -->
<!-- icon:小图标的意思，favicon：网站图标的意思，此处favicon.ico是链接地址 ,type:文件类型-->
<link rel="shortcut icon" href="http://img.alicdn.com/tps/i3/T1OjaVFl4dXXa.JOZB-114-114.png" type="image/png">

<style>
    /* 放置样式代码，美观网页，可以将其独立出来使得其他文件可以直接引用 */
</style>

<!-- link:css用来引用外部css样式文件代码 ，stylesheet是样式表类型，style.css是样式文件-->
<link rel="stylesheet" href="style.css">  

</head>  

<!-- 主体部分，显示在通常看到的网页部分 -->
<body>
    <p>这是一个段落</p>
</body>

<script>
    // 放置脚本。逻辑性代码，可以放置在body中，也可以单独独立
</script>
</html>