HTTP协议

超文本传输协议，规定浏览器和服务端数据交互格式

四大特性

  1. 基于请求响应。
  2. 在TCP/IP协议之上的应用层协议。
  3. 无状态（不能保存用户信息，后来为了保存用户信息，诞生了cookie，session，token等技术）
  4. 短链接（数据发送完毕就断开，每次发送都需要重新建立连接）。

请求数据格式

  1. 请求首行（请求方式，协议版本）
  2. 请求头（一对K:V键值对）
  3. \r\n
  4. 请求体（只有post请求才有请求体）

响应数据格式

  1. 响应首行（协议版本）
  2. 响应头（一对K:V键值对）
  3. \r\n
  4. 响应体

响应状态码

1XX：请求成功，但是还可以继续提交数据

2XX：请求成功 200

3XX：重新定向 301，302

4XX：404 资源不存在，403权限不够

5XX：500 服务器内部错误

请求方式

1、get：向服务端要数据

2、post：向服务端提交数据

HTML

HTML文档结构

<!DOCTYPE html>

<html lang="en">

<head>

  <meta charset="UTF-8">

  <title>title</title>

</head>

<body>

</body>
  1. 是文档声明，必须写在HTML文档的第一行，位于标签之前，表明该文档是HTML5文档。

    </!doctype>

  2. 称为根标签，所有的网页标签都在中。

HTML的lang属性可用于网页或部分网页的语言。通常用于搜索引擎和浏览器的统计分析,不定义也没什么影响。

根据 W3C 推荐标准，您应该通过 标签中的 lang 属性对每张页面中的主要语言进行声明，比如：。

  1. 标签 用于定义文档的头部，它是所有头部元素的容器。常见的头部元素有title、script、style、link和meta等标签，头部标签在下一节中会有详细介绍，与之间的内容不会在浏览器的文档窗口显示，但是其间的元素有特殊重要的意义。

  2. 在和标签之间的内容是网页的主要内容，最终会在浏览器中显示出来。

HTML语法

语法

<标签名 属性1=“值1” 属性2=“值2” ......>内容部分</标签名>

<标签名 属性1=“值1” 属性2=“值2” ....../>

语法注意事项

  1. 记号/标签是不会显示出来的。
  2. 标签只是用来做记号而不负责控制样式：虽然用h1标记的文本在显示时会被加大加粗，但请务必记住，HTML的作用只有一个它是专门用来对文件做记号来标识其语义的（语义指的是该文本是做什么用的），加大和加粗这种为文本添加样式的操作并不是HTML擅长的，虽然早期的时候确实也用HTML来制作样式，但以后我们专门用CSS来做这件事，这也是一种解耦合的思想。
  3. HTML标签不区分大小写，<h1>和<H1>是一样的，但是我们通常建议使用小写，大部分程序员都以小写为准。
  4. HTML中有部分标签是可以嵌套的。例如：

    段落

    ,但不能交叉

HTML注释

<!--这里是注释的内容-->

注释中可以直接使用回车换行。并且我们习惯用注释的标签把HTML代码包裹起来。如：

<!-- xx部分 开始 -->

这里放你xx部分的HTML代码

<!-- xx部分 结束 -->

head内常用标签

meta

标签是HTML的元素，在网页头部标签内定义，可提供与网页有关的结构化元数据，即网页的元信息(meta-information)。网页上并不会显示这些元信息,但计算机可以识别他们。

  1. 指定字符集。

    <meta charset="gbk">

  2. 页面描述。

    <meta name="Description" content="具体描述。。。">

  3. 关键字，有助于搜索引擎SEC优化，不过需要注意的是，再怎么优化也抵不过竞价排名。

    <meta name="Keywords" content="网易，邮箱，游戏，新闻">

  4. 3秒后跳转

    <meta http-equiv="refresh" content="3,http://www.sogo.com">

  5. 三秒后刷新

    <meta http-equiv="refresh" content="3">

非meta相关标签

  1. 标题，显示在浏览器标签页

    <title>百度一下，你就知道</title>

  2. 网站图标

    <link rel="icon" href="https://www.baidu.com/favicon.ico">

  3. 定义内部样式

    <style></style>

  4. 引入外部样式文件

    <link rel="stylesheet" href="mystyle.css">

  5. 定义JavaScript代码或引入JavaScript文件

    <script src="hello.js"></script>

body内常用标签

<b>加粗</b>

<i>斜体</i>

<u>下划线</u>

<s>删除</s>

<p>段落标签</p>

<h1>标题1</h1>

<h2>标题2</h2>

<h3>标题3</h3>

<h4>标题4</h4>

<h5>标题5</h5>

<h6>标题6</h6>

<br><!--换行-->

<hr><!--水平线-->

块级元素和行内元素

  1. 块元素，总是在新行上开始；内联元素，和其他元素在一行；
  2. 块元素，能容纳其他块元素或者内联元素；内联元素，只能容纳文本或其他内联元素；
  3. 块元素中高度，行高以及顶和底边距都可以控制；内联元素中高，行高及顶和底边距不可改变。

注意：p标签不能包含块级标签，p标签也不能包含p标签

1. 块儿级元素

	独自占一行的标签，我们成为块儿级元素

    eg: p, h1~h6,div

2. 行内元素

	自身文本有多大，就占多大

    eg: i, u, s, b ,span

img标签

<img src="123.png" alt="">

1. src

	1)外链地址

  2)本地地址

2. alt

	当图片加载失败的时候，写一些描述性信息

3.title

	当鼠标悬浮显示的提示信息

    # 注意：所有标签都有该属性

4. 设置图片大小

# 宽和高只写一个的话会等比例缩放

	width:200

  height:200

a标签

a标签标记一个内容为超链接，全称anchor，也被称作锚。

<a href="http://www.baidu.com" title="这是a标签" target="_blank">百度首页</a>

1. title

	当鼠标悬浮显示的提示信息

2. target

	_self : 默认当前标签页

  _blank : 另开一个新的标签页

HTTP协议特性、HTML标签的更多相关文章

  1. [前端、HTTP协议、HTML标签]

    [前端.HTTP协议.HTML标签] 什么是前端 """ 任何与用户直接打交道的操作界面都可以称之为前端 比如:电脑界面 手机界面 平板界面 什么是后端 后端类似于幕后操 ...

  2. HTTP/2协议–特性扫盲篇

    HTTP/2协议–特性扫盲篇 随着web技术的飞速发展,1999年制定的HTTP 1.1已经无法满足大家对性能的要求,Google推出协议SPDY,旨在解决HTTP 1.1中广为人知的性能问题.SPD ...

  3. zigbee3.0的协议特性

    ZigBee协议有如下特性: 支持多种网络拓扑,比如点对点,点对多点,自组网: 低工作占空比能力,提供长电池供电的可能: 低延迟: 采用DSSS扩频技术: 每个网络最高可支持65,000节点 128- ...

  4. python 之 前端开发（HTTP协议、head标签、img标签、a标签、列表标签）

    第十一章前端开发 11.1 HTTP 1.1引入了许多关键性能优化:keepalive连接,请求流水线,chunked编码传输,字节范围请求等 1.keepalive连接: 1.长连接允许HTTP设备 ...

  5. ES6特性-带标签的模板字符串(tagged template)

    tagged template: 加在模板字符串前面加一个标签(函数). let dessert = = '甜品' drink = '茶' let breakfast = kitchen`今天的早餐是 ...

  6. CSS3新增特性\HTML标签类型

    RGBA:透明度      作用: 设置透明度(R G B A)   opacity:不透明度     文字也会被设置不透明度   圆角      border-radius:圆角{左上角,右上角.. ...

  7. H3C 三种生成树协议特性的比较

  8. PHP(一般标签介绍，标签特性，实体名称，绝对路径与相对路径）

    h1:为标题  h1~h6 标题会逐渐变小 需更换标签里面的数字 如: <h1>这是标题123</h1>---标题 <h2>这是标题123</h2>-- ...

  9. HTTP超文本传输协议-HTTP/1.1中文版

    摘要 超文本传输协议(HTTP)是一种为分布式,合作式,多媒体信息系统服务,面向应用层的协议.它是一种通用的,不分状态(stateless)的协议,除了诸如名称服务和分布对象管理系统之类的超文本用途外 ...

随机推荐

  1. c盘爆满清理解决方案----Dism

    前言:在以前windons操作系统,很容易导致c盘爆满,原因了就那么几个,升级,app默认安装,打补丁等等.还有种蛇皮现象,就是无缘无故c盘就标红了,进去看看,又个c盘的系统文件,不敢删了,怕系统就崩 ...

  2. Kong的API管理方式

    目录 Kong 的管理方式 1. kong的关键术语 Service: Route: Upstream: Target: API: Consumer: Plugin: 2. 如何通过配置KONG AP ...

  3. 史上最强Tableau Server 安装教程

    前言 本文介绍的是单节点部署Tableau Server. 安装前 1.Tableau Server 的单节点安装的最低硬件推荐配置: 处理器: 64 位 必须支持 SSE4.2 和 POPCNT 指 ...

  4. 「CF505E」 Mr. Kitayuta vs. Bamboos

    「CF505E」 Mr. Kitayuta vs. Bamboos 传送门 如果没有每轮只能进行 \(k\) 次修改的限制或者没有竹子长度必须大于 \(0\) 的限制那么直接贪心就完事了. 但是很遗憾 ...

  5. 详解Window10下使用IDEA搭建Hadoop开发环境

    前言 经过三次重装,查阅无数资料后成功完成hadoop在win10上实现伪分布式集群,以及IDEA开发环境的搭建.一步一步跟着本文操作可以避免无数天坑. 下载安装Hadoop 下载安装包 进入官网下载 ...

  6. [004] .NET 的现状和未来

    我们总是能听到一些人说,.NET 不行.学 .NET 没发展前途之类的言论,有的童鞋听多了便也开始怀疑自己选择的 .NET 方向是不是错了. 不得不承认,在 .NET 没有实现跨平台之前,市场行情确实 ...

  7. height设置100%不起作用

    详细讲解了原因:http://www.webhek.com/post/css-100-percent-height.html

  8. Python+Request库+第三方平台实现验证码识别示例

    1.登录时经常的出现验证码,此次结合Python+Request+第三方验证码识别平台(超级鹰识别平台) 2.首先到超级鹰平台下载对应语言的识别码封装,超级鹰平台:http://www.chaojiy ...

  9. React中组件之间通信的方式

    一.是什么 我们将组件间通信可以拆分为两个词: 组件 通信 回顾Vue系列的文章,组件是vue中最强大的功能之一,同样组件化是React的核心思想 相比vue,React的组件更加灵活和多样,按照不同 ...

  10. android10Binder(五)java世界的binder：AndroidFramework

    java世界的binder:AndroidFramework 目录 java世界的binder:AndroidFramework 一.前言 二.SystemServer进程的open.mmap 三.A ...