HTTP协议
超文本传输协议(超文本标记语言)
规定了服务端与浏览器数据传输的数据格式
标签总:(双标签,自闭合标签)
(块标签,行内标签)
(head、body常用标签,)
(图片标签,列表标签,表格标签)
列表 :分为有序和无序
web服务的本质
请求 响应
浏览器输入网址 回车看看发生了什么
get请求 向服务器要资源 输入网址
post请求 向服务器提交数据 登录
文件的后缀名
对于用户有用,对于计算机都一样,全部是二进制
注释是代码之母
THML的文档结构
<head> </head>给浏览器看的
<body> </body> 内的代码给程序员看的
四大特征
基于TCP/IP作用于应用层之上的协议
基于请求响应
无状态
无连接
数据格式
请求格式
请求首行
请求头
请求体
响应格式
响应首行
响应头
响应体
响应状态码
用数字表示一串文字需要表达的意思
1xxx:服务端已经成功接收请求,正则处理 你可以继续提交其他的数据
2xxx:服务器成功响应了响应的数据(200)
3xxx: 重定向
4xxx:(404)请求资源不存在 (403)你当前不符合某一些条件
5xxx:(500) 服务器内部错误
标签分类1
双标签(h1,a)
自闭合标签(img)
head内常用的标签
title(定义网页标题)
style(内部支持写css样式文件)
link(引入外部css样式文件)
script(内部可以直接写js代码 ,也可以引入外部js文件)
meta (定义网页源信息)
body内常用的标签
h1~h6 标题标签
p 段落标签 一个p就是一行内容
s 删除线
b 加粗
u 下划线
i 斜体
br 换行
hr 一条分割线
body内的特殊符号
 ; 空格
&; &符号
¥; ¥符号
>; 大于号
<; 小于号
©; ©版本
®; ® 注册
标签的分类2
块级标签 h1~h6 p br hr div
独占一行内容
可以嵌套其他块级和行内标签
行内标签 s i u b span
内部文本和块级多大 就占多大
行内不能嵌套行内
标签通常应该有的两个属性
id 每个标签在html文档中都有一个唯一的id值
class 类属性 优点类似于面向对象的继承 class = ‘ c1 c2 c3’
这个标签拥有c1c2c3的所有的样式
body内重要的标签
div 一块区域 可以填写任意内容
span
div和span是前期构建网页的基本骨架
链接标签
跳转功能 href参数控制跳转的地址
初始是蓝色的,点过一次之后就是紫色的
a标签默认是在当前窗口跳转
新建窗口打开
target = ‘_self’
锚点功能
可以通过设置id值来在href中书写a标签id值 点击即可跳转到对应的位置
图片标签
img
src 图片的地址 网上地址 或者 本地的地址都可以
url(网址) 自动朝该网址发送get请求 获取图片资源
alt
当图片加载不出来的时候 展示提示信息
title
鼠标悬浮上去之后展示的提示信息
width和height
这两个参数 只需要设置一个 就行 默认是等比缩放
两个可以自定义设置
列表标签
无序
ul
li参数
type
disc(实心圆点,默认值)
circle(空心圆圈)
square(实心方块)
none(无样式)
有序
ol
li
type参数
1数字列表,默认值
A
a
大I罗马
小i罗马
标题列表
dl
dt 小标题
dd 小章节
表格标签
展示数据
table
thead
tr
th
一个tr就是表示一行
tbody
tr
td