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. Adaptive AUTOSAR 学习笔记 5 - 架构 - 物理视图

    本系列学习笔记基于 AUTOSAR Adaptive Platform 官方文档 R20-11 版本 AUTOSAR_EXP_PlatformDesign.pdf 缩写 AP:AUTOSAR Adap ...

  2. F5的IPv6配置指导

    1.配置核心思想: 配置IPv6的默认路由 配置IPv6的VS IPv6的vs里面要启用"automap" 2.配置IPv6的默认路由 3.配置IPv6的VS 第一种方法: 第二种 ...

  3. 题解 SP3591 PATHEADS - Patting Heads

    类似桶排 先看有多少头奶牛抽出这个数 再看这个数的奶牛能拍多少人的头(别忘了-1,自己不能拍自己) 最后根据输入输出 110ms #include<bits/stdc++.h> using ...

  4. WORD加目录

    1.WORD2010样式右下角小按钮,打开"样式"对话框,打开"管理样式"按钮 2.选择"标题1"--显示--上移(1) 3.依次再选择&q ...

  5. DEV C++ CPU窗口

    push rbp#push实现压入操作的指令,将指定内存地址或操作数压入堆栈(先进后出)mov rbp,rsp# 将rsp所保存的地址或操作数送到目的操作数rbp(修改rbp内容)sub rsp,0x ...

  6. 从代码生成说起，带你深入理解 mybatis generator 源码

    枯燥的任务 这一切都要从多年前说起. 那时候刚入职一家新公司,项目经理给我分配了一个比较简单的工作,为所有的数据库字段整理一张元数据表. 因为很多接手的项目文档都不全,所以需要统一整理一份基本的字典表 ...

  7. Scala学习——基础入门

    基础语法 1)注意点 1)区分大小写 -  Scala是大小写敏感的,这意味着标识Hello 和 hello在Scala中会有不同的含义. 2)类名 - 对于所有的类名的第一个字母要大写. 3)方法名 ...

  8. pip install 默认安装路径修改

    一.使用命令查看pip默认安装目录 python -m site 这里的USER_BASE和USER_SITE其实就是默认的启用Python通过pip自动下载的脚本和依赖安装包的基础路径. 接着使用命 ...

  9. mysql查询拥有某个字段的所有表

    前言:最近遇到一个需求,需要给一个数据库所有的表添加一个字段,但是一些后创建的表已经有了这个字段,所以引发了下文. *注释 columnName 字段名   dbName 数据库名 #查询指定库拥有某 ...

  10. Drupal 远程代码执行漏洞（CVE-2018-7602）

    影响版本 Drupal Core 存在一个远程代码执行漏洞,影响 7.x 和 8.x 版本 如下图所示,执行以下命令即可复现该漏洞.示例命令为id,如图红框中显示,可以执行该命令. 检测 python ...