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(超出文本范畴)
html语言用文本来给文本添加语义，用到的文本就是超文本，网页里面不显示（用它来描述文本在页面中怎么显示），通过超级链接将多种媒介（文字，图片，视频）关联起来
标记：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>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
