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. Elasticsearch-02-入门：集群、节点、分片、索引及常用API

    2. 基础入门 2.1 重要概念 2.1.1 集群和节点 1)cluster Elasticsearch集群是由一个或多个节点组成,通过其集群名称来进行唯一标识.节点在搜索到集群之后,通过判断自身的 ...

  2. FreeRTOS基本概念

    1.在FreeRTOS中,使用的数据类型虽然都是标准C里面的数据类型,但是针对不同的处理器,对标准C的数据类型又进行了重新定义. 2.链表由节点组成,节点与节点之间首尾相连,节点包含用于指向后一个节点 ...

  3. Activiti7 回退与会签

    1.  回退(驳回) 回退的思路就是动态更改节点的流向.先遇水搭桥,最后再过河拆桥. 具体操作如下: 取得当前节点的信息 取得当前节点的上一个节点的信息 保存当前节点的流向 新建流向,由当前节点指向上 ...

  4. printf函数返回值

    //返回值:正确返回输出的字符总数,错误返回负值,与此同时,输入输出流错误标志将被置值,可由指示器ferror来检查输入输出流的错误标志. #include <stdio.h> #defi ...

  5. java编译通过，运行却提示找不到或无法加载主类

    问题: HelloWorld.java 1 package myP101; 2 3 public class HelloWorld { 4 public static void main(String ...

  6. 微信小程序云开发-云存储-上传单个视频到云存储并显示到页面上

    一.wxml文件 <!-- 上传视频到云存储 --> <button bindtap="chooseVideo" type="primary" ...

  7. P7324 [WC2021] 表达式求值

    P7324 [WC2021] 表达式求值 闲话 WC2021 我只得了 20 分,三道题总共 20 分.我是下场了突然后知后觉这件事的,主要原因是我开了 C++11,然后 T1 T2 都没分了.在洛谷 ...

  8. Linux下获取当前程序的绝对路径

    在Linux开发应用时,我们常常需要在程序中获取当前程序绝对路径,我们可以通过readlink读取符号链接/proc/self/exe进行获取,这个符号链接代表当前程序,它的源路径就是当前程序的绝对路 ...

  9. Redis.conf分析

    Redis.conf 单位 配置文件对大小写不敏感 # 1k => 1000 bytes # 1kb => 1024 bytes # 1m => 1000000 bytes # 1m ...

  10. 5G时代，视频会议的未来

    过去,2G打开了了移动互联网天下,3G促成了即时通信,诞生了QQ.微信等巨头,4G 带来了短视频兴起,字节跳动等公司崛起.2.3.4G的出现促成了移动互联网10年繁荣.而5G的出现,也会促成至少10年 ...