实习day1
**
1.http协议
http 协议采用了请求/响应模型
请求
请求体、请求头、请求数据
请求数据
let obj = {name:‘tom’,age:23}
请求头
content-type:‘application/json’响应 响应体、响应头、响应内容 响应内容 ajac res.data ajios res.data.data 接口所需要的数据格式不同时 json字符串 "{'name':'tom' , 'age' : 23}" 查询字符串 name=tom&age=23
url统一标识符
协议:
2.html结构
1.元素(标签)的构成
开始标签、内容、结束标签
2.块级元素与行内元素
块级元素
div、html、body、h1~h5、p....
1)独占一行空间
2)高度由内容决定、宽度占满窗口
3)可以设置高、宽
行内元素
span、i、bold...
1)与其他行内元素共享一行空间
2)宽高由内容决定
3)宽高无法设置
块级元素可以嵌套其他元素
行内元素不可以嵌套块级元素
3.实战
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
div{
width:40px;
height:50px
}
</style>
<body>
<div>hello </div>
</body>
</html>
css中块级元素div标签可以设置宽高
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
div{
width:40px;
height:50px
}
span{
width:50px;
height:50px
}
</style>
<body>
<div>hello </div>
<span>123321</span>
</body>
</html>
行内元素span不能用css设置宽高
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<style>
div{
width:40px;
height:50px
}
span{
width:50px;
height:50px
}
</style>
<body>
<div>hello
<span>helloworld</span>
</div>
</body>
</html>
块级元素中可以嵌套行间元素