HTML简介
? 任何与用户直接打交道的操纵界面都可以称之为是一个前端
软件开发架构
? --CS --BS (bs 素质就是cs)
web处事的素质
? 浏览器窗口输入一个网址敲回车产生那些事
? 1. 朝着指定的处事端发送请求
? 2.处事端接收相应的请求
? 3.处事端返回相应的响应
? 4.浏览器接收响应 凭据特定的法则衬着页面展示给用户看
HTTP协议? 超文本传输协议
? 规定了浏览器与处事端之间数据传输的格局
1，四大特性
1 ，基于请求响应
? 一次请求对应一次响应
2，基于TCP/IP感化于应用层之上的协议
3，无状态
? 不保存客户真个状态，无论你来几多次，我都待你如初恋
4，无连接
? 长连接 websocket（类似于http协议的大补丁） 聊天室相关
2，数据格局
? 请求格局
? - 请求首行（请求方法 协议版本）
? - 请求头（一大堆 k，v 键值对）
- （ 空 一 行 通知处事器一下不再有请求头）? - 请求体（携带的数据 并不是一直都有 有时候可能是空的 取决于你的请求方法）
?
? 响应状态码
? 用数字来暗示一大堆提示信息
? 1XX : 处事端已经告成接收到客户真个数据正在措置惩罚惩罚 你可以继续提交
? 2XX : 200请求告成 处事端已经返回了你想要的数据
? 3XX : 重定向(原本想访谒A但是内部自动给你转到了B上面)
? 4XX : 404请求资源不存在,403你当前不具备请求该资源的条件
? 5XX : 500处事端内部错误 机房卓火了 宕机 爆炸了
? 公司内部可以本身定制本身的响应状态码
请求方法：get请求：
超处事端要资源（获取数据）
? 类似于浏览器窗口输入网址获取页面
post请求
朝处事端提交请求
? 类似于登陆注册成果
HTML
? 超文本符号语言
? 如果你想让你的页面能够被浏览器识别并且展示出都雅的样子 你就必需是写HTML代码
? 浏览器能够识另外语言非常少
? HTML/XML CSS JS
? XML也可以书写前端页面 主要用于odoo框架中 书写企业内部打点软件（erp）
? HTML注释：
? 注释是代码之母
单行注释：<!- - 单行 - -> 多行注释：<!- - 多行注释1 多行注释2 - ->
? 增补：由于HTML页面布局对照庞大，那日同对照多，未便于后期的维护 改削凡是在写页面的时候 习惯用下面的方法来酬报的划分代码区域
<!--顶部导航条样式开始--> <!--顶部导航条样式结束--> <!--左侧菜单栏样式开始--> <!--左侧菜单栏样式结束-->
HTML文档布局<html> <head></head>:head内存放的内容不是给用户看的，是给浏览器去识别做响应操纵的 <body></body>:body内部存放的内容就是浏览器展示给用户看到的花里胡哨的页面 </html>
HTML文档打开方法
1.自动挪用浏览器打开
2.手动查找路径后选择浏览器打开
标签分类：
双标签
自闭和标签
head内常用标签title：界说网页标题 style：内部撑持直接写css代码 link：引入外部的css文件 script： 1.内部可以直接编写js代码 2.可以通过src属性引用外部js代码 meta： name属性 keywords description
什么是URL？
URL：统一资源定位符
body内常用标签 根基标签：h1~h6：标题标签 s:删除线 b:加粗 u:下划线 i：斜体 p：独有一行 br：换行 hr：支解线
特殊标记： 空格 <p>a大于b a > b</p> <p>a小于b a < b</p> <p>a&b a & b</p> <p>人民币 ¥10000000</p> <p>版权标识 ©</p> <p>注册商标 ®</p>
常用标签：div 块级标签 span 行内标签 两个标签没什么特殊意义，主要用来做前期的页面构造 img 图片标签
src 1.可以写一个网站图片地点 2.还可以写一个本舆图片地点 3.url（自动朝该url发送get请求要数据） alt 当图片加载不出来时，默认展示的提示信息 title 当鼠标悬浮在图片上时默认展示的提示信息 width, height 改削一个此外一个会自动等比例缩放 也可以两个都自界说改削 ??链接标签 a 标签
href 1.放一个url 点击就会跳转到该url所对应的资源 target 控制是否在当前页跳转 默认实在当前页跳转 _self 新建页面跳转 _blank 锚点成果 href不仅单可以写url 也可以写此外一个a标签id值 点击就会跳转到该id值所对应的a标签地址的位置
标签应该具备的属性
id属性：类似于身份证号 用来独一标识当前html页面中的某一个标签
? 在同一个html页面中，id值不能反复
class 属性：类似于面向东西的担任
? 直接引用另外类的样式
列表标签
温馨提示: 本文由Jm博客推荐，转载请保留链接: https://www.jmwww.net/file/web/32985.html
![[转]Node.js中package.json中^和~的区别](/uploads/allimg/200519/054J34453_lit.png "[转]Node.js中package.json中^和~的区别")