青训营前端基础班--前端与HTML
1、HTTP基础
HTTP(HyperText Transfer protocol,超文本传输协议)是互联网上一种应用最为广泛的一种协议，所有的www文件都必须遵守这个标准。
当用户在浏览器输入网址后，浏览器与服务器建立了一个连接，浏览器给 Web 服务器发送了一个 HTTP 请求，服务器接收并解析请求后，返回响应。HTTP 响应中包含状态代码和返回资源的内容（响应正文）
1.1常见的状态码
- 200：成功
- 400：客户端请求有语法错误，服务器不能理解
- 404：该资源没有找到
- 503：服务器端当前不能处理客户端的请求，可能过一段时间恢复正常
2、HTML
HTML（超文本标记语言）是一种用于创建网页的标准标记语言。 HTML 不需要编译，可以直接由浏览器执行，它的解析依赖于浏览器的内核。 它不是一种编程语言，而是一种标记语言。
2.1 HTML网页的基本结构
- !DOCTYPE html是文档申明头，告诉浏览器，本文档处理的是html文档。
- html标签是根元素，它表示的是文档的开始。
- head标签是网页的头部，设置网页的相关信息。
- title标签定义网页标题
- body标签定义网页主体，即主要内容。
- 在 HTML 中满足以下格式的内容即为注释，被注释的内容将不会被渲染和显示。
<! --在此标记注释-->
3、HTML常见标签
HTML 标签的大小写无关的，例如 <body> 和 <BODY> 表示的意思是一样的，都代表“主体”，推荐使用小写。
3.1双标签
是指由开始和结束两个标记符组成的标记。常见的双标签有：
3.2单标签
用一个标记符号即可完整描述某个功能的标记，常见的标记有：
-
h标签有六种 ：h1，h2，h3，h4，h5，h6，它代表着我们的标题。 -
p标签是我们的文本标签。 -
图片标签：是通过
来定义的，格式：“<”img src="图片地址 />
-
a标签：是超链接标签，点击它可以跳转到另外一个网页
-
div标签：
<div>标签是一个块级元素，块级元素占据其父元素（容器）的整个空间，你可以把它想成一个盒子。<div>能够设置其宽高。 -
换行和空格标签： 如果希望在不产生一个新段落的情况下换行，可以使用
<br/>标签。如果想使用空格的话可以使用 字符 -
水平分割线
<hr/>标签用于在 HTML 页面中创建一条水平线
容器标签(div和span):
标签 <div> 可将网页页面分割成不同的独立部分，通常用于定义文档中的区域或节。该标签是一个块级元素，浏览器会自动在 <div> 和 </div> 所标记的区域前后自动放置一个换行符。
标签 <span> 通常作为文本的容器，它没有特定的含义和样式，只有与 CSS 同时使用才可以为指定文本设置样式属性。该标签是一个内联元素，他与块级元素相反，内联元素不会自动在前后自动放置换行符，因此内联元素会默认显示在同一行。
4.HTML元素
HTML元素是指从开始标签到结束标签的所有代码。
