day1 杂谈html-CSDN博客

本文链接：https://blog.csdn.net/weixin_45044528/article/details/107187734

实习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>