浏览器数据请求过程:
1.按下回车时浏览器根据输入的URL地址发送请求报文
2.服务器接收到请求报文,会对请求报文进行处理
3.服务器将处理完的结果通过响应报文返回给浏览器
4.浏览器解析服务器返回的结果,将结果显示出来
URL格式:
127.0.0.1/index.html (浏览器会自动补全http:和:80)
http://127.0.0.1/index.html(浏览器会自动补全:80)
http://127.0.0.1:80/index.html(完整格式)
协议类型://ip地址:端口号/资源路径/资源名称
URL拆分
网络协议类型 http://
服务器IP地址 127.0.0.1
服务器端口号 :80
资源路径 网页在服务器上的路径
资源名称 index.html
什么是HTTP协议
http://www.baidu.com 协议类型是http
超文本传输协议(HTTP,HyperText Transfer Protocol) 用来规范浏览器和服务器的信息交换
什么是HTML
超文本标记语言 HyperText Markup Language缩写 作用:给文本添加语义,而不是更改文本样式的。可以利用HTML来告诉浏览器哪些是标题, 哪些是段落。
HTML的这些标签是专门用来描述其它文本语义的, 并且在浏览器中不会被显示出来, 所以我们称这些文本为"超文本", 而这些文本又叫做标签, 所以HTML被称之为"超文本标记语言"
html文件可以被记事本打开, 是一个纯文本文件
IETF简介
IETF是英文Internet Engineering Task Force的缩写, 翻译过来就是"互联网工程任务组"
IETF负责定义并管理因特网技术的所有方面。包括用于数据传输的IP协议、让域名与IP地址匹配的域名系统(DNS)、用于发送邮件的简单邮件传输协议(SMTP)等
W3C简介
W3C是英文World Wide Web Consortium的缩写, 翻译过来就是W3C理事会或万维网联盟, W3C是全球互联网最具权威的技术标准化组织.
W3C于1994年10月在麻省理工学院计算机科学实验室成立。创建者是万维网的发明者Tim Berners-Lee
W3C负责web方面标准的制定,像HTML、XHTML、CSS、XML的标准就是由W3C来定制的。
负责web方面标准的制定,像HTML、XHTML、CSS、XML的标准就是由W3C来定制的。
html标签
用于告诉浏览器这是一个网页, 也就是说告诉浏览器我是一个HTML文档
其它所有的标签都必须写在html标签里面, 也就是写在html开始标签和结束标签中间
head标签
用于给网站添加一些配置信息
一般情况下, 写在head标签内部的内容都不会显示给用户查看
title标签
专门用于指定网站的标题, 并且这个指定的标题将来还会作为用户保存网站的默认标题
title标签必须写在head标签里面
body标签
专门用于定义HTML文档中需要显示给用户查看的内容(文字/图片/音频/视频)
一对html标签中(一个html开始标签和一个html结束标签)只能有一对body标签
meta标签
GBK(GB2312)里面存储的字符比较少, 仅仅存储了汉字和一些常用外文 // 体积比较小
UTF-8里面存储的世界上所有的文字 // 体积比较大
在HTML文件中指定的字符集必须和保存这个文件的字符集一致, 否则还是会出现乱码
DTD文档声明
作用: 让浏览器识别HTML版本规范
声明必须是 HTML 文档的第一行,位于标签之前
声明不是 HTML 标签 声明没有结束标签 声明对大小写不敏感
这个声明浏览器会看, 但是并不是完全依赖于这个声明, 浏览器有一套自己的默认的处理机制
不写也能运行 H5网页里面用H4也能运行
H标签
一共有6个, 从H1~H6,超过6则无效
会独占一行,H1最大, H6最小
在企业开发中一般情况下一个界面中只能出现一个H1标签
P标签
告诉浏览器哪些文字是一个段落,会单独占一行(paragraph)
分割线,会单独占一行
换行
HTML注释 /**/CSS注释
img标签(image)
作用: 在网页上插入一张图片
src : 路径 (source) alt: 当图片不存在时, 显示说明(alternate)
title: 悬停描述 height, width
不会独占一整行。图片等比拉伸, 只写高度或者宽度即可
绝对路径: 从根目录开始查找 (移植性太差、把写到的代码拷贝到另外一台电脑上不能够正常运行)
相对路径: 在当前.html目录中查找
a标签
href:跳转的地址
target: 默认self (_blank 开一个新的页面跳转, _self当前页面跳转)
title:悬停文本
http: 不安全 https 安全
base标签
放在header标签里 ,作用:指定整个网页按照哪种格式打开 _blank _slef
既有base指定,也有a标签指定 ,按照a标签
假链接# 和 javascript:
#会跳转到顶部 javascript :则无效
无序列表ul li (unordered list)li 英文是 list item, 翻译为列表项
其实ul还有一个type属性, 可以修改先导符号的样式, 取值有disc(默认)、square(方块)、circle(圆圈)
1.一定更要记住ul标签中最好只放li标签
2.但是li标签中还可以继续放其它的标签
有序列表(ordered list)
不常用,一般都用无序列表,用法和ul都差不多
定义列表(definition list)
dt英文definition title, 翻译为定义标题
dd英文definition description, 翻译为定义描述信息 (dt dl 相当于一个li )
dl应用场景:
网站底部相关信息
但凡看到一堆内容都是用于描述某一个内容的时候就要想到dl
作者:极客江南