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. Leetcode No.121 Best Time to Buy and Sell Stock(c++实现）

    1. 题目 1.1 英文题目 You are given an array prices where prices[i] is the price of a given stock on the it ...

  2. Spring Boot 2.x基础教程：使用@Scheduled实现定时任务

    我们在编写Spring Boot应用中经常会遇到这样的场景,比如:我需要定时地发送一些短信.邮件之类的操作,也可能会定时地检查和监控一些标志.参数等. 创建定时任务 在Spring Boot中编写定时 ...

  3. fasthttp：比net/http快十倍的Go框架(server 篇)

    转载请声明出处哦~,本篇文章发布于luozhiyun的博客:https://www.luozhiyun.com/archives/574 我们在上一篇文章中讲解了 Go HTTP 标准库的实现原理,这 ...

  4. vue3 封装简单的 tabs 切换组件

    背景:公司项目要求全部换成 vue3 ,而且也没有应用像 element-ui 一类的UI组件,用到的公共组件都是根据项目需求封装的,下面是使用vue3实现简单的tabs组件,我只是把代码分享出来,实 ...

  5. VS Code 与 ESP32 官方SDK配置

    开发基于 ESP XXX 微控制器应用,最简单的环境搭建方案是像 MicroPython.CircuitPython.NanoFramework 等,下载固件,直接开刷:或者基于 Arduino 的开 ...

  6. 【论文阅读】PRM-RL Long-range Robotic Navigation Tasks by Combining Reinforcement Learning and Sampling-based Planning

    目录 摘要部分: I. Introduction II. Related Work III. Method **IMPORTANT PART A. RL agent training [第一步] B. ...

  7. python -- 程序异常与调试（异常处理）

    一.异常处理 针对在运行时可能会出错的语句块,可以提前设计好出现问题后的解决方案, 或者给出相应的提示信息.使用try-except语句来处理Python抛出的异常: # -------------- ...

  8. sync/fsync/fdatasync的简单比较

    此文主要转载自 http://blog.csdn.net/zbszhangbosen/article/details/7956558 官网上有关于MySQL的flush method的设置参数说明,但 ...

  9. 网络损伤仪WANsim的功能与型号

    网络损伤仪简介 WANsim网络损伤仪是一款可以模拟真实的广域网状况的设备.它可以通过简单的数据填写模拟出时延.带宽抖动.丢包.乱序.误码.报文重复等网络状况. 大多数公司在进行产品测试时,只关注了应 ...

  10. 技术期刊 · 天光台高未百尺 | Uber 工程师的 JS 算法课;大数据时代的个人隐私;设计师的 Github;告别 PPT 工程师;从零开始实现的像素画

    蒲公英 · JELLY技术期刊 Vol.42 这是一个最好的时代,多样化的平台给了所有人成长发展的机会,各种需求和解决需求的人让人大开眼界:但这也并不是完美的时代,"前端还需要懂什么算法?& ...