html复习_html系统复习-CSDN博客

本文链接：https://blog.csdn.net/sinat_41672927/article/details/90741003
html复习
1、<link rel="icon" href="网址">导入网络图片
2、&lt &gt 与大小与有关
    <!DOCTYPE html>
    <html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
    </head>
    <!--<style type="text/css">-->
        <!--h1{-->
            <!--color: aqua;-->
        <!--}-->
    <!--</style>-->
    <body>
    <h1>hello world</h1>
    <p><b>hello world</b></p>
    <p>hello world</p>
    <H1><em>hello world</em></H1>
    </body>
    </html>
3、from表单 method参数有两个值post 和 get，action提交位置，里面放的是url
    input：submit提交按钮，checkbox复选框，button按钮，radio单选框，name属性
           file文件上传，reset重置按钮
    select：
4、前端后台数据连接：python manage.py runserver 8090
    django前后端数据交互
    注：get用法必须要有name名，后台才会直接获取到前端的数据，而且是以键值对的形式
        post跨站请求时403错误可以注释掉setting中的：'django.middleware.csrf.CsrfViewMiddleware',
        post与get的区别是在浏览器中post会隐藏掉url后面所跳转的数据，但是get不会
        而get的安全性比较差，post的安全性高，把url后面的跳转封装起来
        file文件接收
5、form表单
    信息文本：<input type="text" name="username">
    密码设置栏：<input type="password" name="password">
    复选框：<input type="checkbox" name="hobby">
            <input type="checkbox" name="hobby">
    单选框：<input type="radio" name="sex" value="0">
            <input type="radio" name="sex" value="1">
    文件传输：<input type="file" name="eric">
    标签选择框：select：<select name="city" multiple="multiple" size="6">
         层级关系：     <optgroup label="北京市">
         选择选项：     <option value="beijing">北京</option>
        multiple：多选属性，按住ctrl键+鼠标左键选中选项
        size：最大显示行
    文本框：<textarea rows="10" cols="30">自我简介</textarea>
        row：行数；cols：列数；
    文本关联选项：<label for="www">男</label>
                  <input id="www" type="checkbox">
    按钮：<input type="submit" value="发送">
    按钮：<input type="button" value="发送">
    重置：<input type="reset" value="重置">
6、显示图标：<link rel="icon" href="">
7、<meta http-equiv="Refresh" content="2;URL=''">
    content设置时间跳转到URL
    content不设置时间刷新网页
8、table标签：
    <table border="1">:<tr>:<td><th> 合并单元格：rowspan
9、http协议：
            HTTP超文本传输协议，基于请求/相应模式的
            HTTP是无状态协议，FTP是有状态
            请求首行：// 请求方式 请求路径 协议和版本，例如GET /index.html HTTP/1.1
            请求头信息：//请求头名称：请求头内容，即为key：value格式，例如：Host：localhost
            空行：//用来与请求体分隔开
            请求体：//GET没有请求体，POST才有请求体
            Referer：请求头来自那个页面，如果浏览器中直接输入地址，那么就没有Referer请求头
            Server或WGISServer（djongo）：服务器版本信息
    状态码：
            200:请求成功，浏览器会把相应内容（通常是html）显示在浏览器中；
            404:请求的资源没有找到，说明客户端错误的请求了不存在的资源；
            500:请求资源找到了，但是服务器内部出现了错误；
            302:重定向，当响应码为302时，表示服务器要求浏览器重心再发一个请求，服务器会发送一个响应头Location，
                它指定了新请求的URL地址；
            304:
10、块级标签：<div> <p> <h> <ul> <ol> <dl>
    内联标签：<a> <img> <input> <span> <select> <textarea>
11、正常文档流：将元素（标签）在进行排版布局的时候按着 从上到下 从左到右的顺序排版的一个布局流
    脱离文档流：将元素从文档流中取出，进行覆盖（覆盖类似堆栈的删除操作），其他元素会按文档流中不存在该元素重新进行布局
    float（浮动）：overfloat（清除浮动）：
    position（定位）：absolute（绝对定位；脱离文档流） fixed（固定定位：脱离文档流） relative（相对定位：正常文档流）