前端-1

訪問網(wǎng)站

import socket

def main():
    sk = socket.socket()
    sk.bind(('localhost',8080))#注意這樣的話，下次會OSError: [Errno 48] Address already in use# 重復(fù)使用綁定的信息serSocket.setsockopt(SOL_SOCKET, SO_REUSEADDR  , 1)加上這句就是允許重復(fù)綁定

    sk.listen(5)

    while True:
        conn ,addr = sk.accept()

        buf = conn.recv(1024)
        print(buf.decode('utf8'))
        conn.sendall(bytes('HTTP/1.1 201 OK \r\n\r\n','utf8'))#這一行代碼，有的瀏覽器中可以省略
        conn.sendall(bytes('<h1>Hello World</h1>','utf8'))
        conn.close()

if __name__=='__main__':
    main()


GET / HTTP/1.1
Host: 127.0.0.1:8080
Accept: text/html,application/xhtml+xml,application/xml;q=0.9,*/*;q=0.8
Upgrade-Insecure-Requests: 1
Cookie: _ga=GA1.1.828572929.1486389854; csrftoken=shPXza7fFy2SOmmCeueKSWzRQuLYxAZdBbhNpYhBGUWsxewCE8sNdUFoHr2KPaVJ
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.1.2 Safari/603.3.8
Accept-Language: zh-cn
Accept-Encoding: gzip, deflate
Connection: keep-alive


GET /favicon.ico HTTP/1.1
Host: 127.0.0.1:8080
Accept: */*
Connection: keep-alive
Cookie: _ga=GA1.1.828572929.1486389854; csrftoken=shPXza7fFy2SOmmCeueKSWzRQuLYxAZdBbhNpYhBGUWsxewCE8sNdUFoHr2KPaVJ
User-Agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_12_6) AppleWebKit/603.3.8 (KHTML, like Gecko) Version/10.1.2 Safari/603.3.8
Accept-Language: zh-cn
Referer: http://127.0.0.1:8080/
Accept-Encoding: gzip, deflate

:顯示一條橫線

graph TD
A(根元素)-->B(head元素)
A-->C[body元素]
B-->D[meta]
B-->E[title元素]

C-->F[div元素]
C-->G[p元素]
C-->H[div元素]
  • 如果屬性名和屬性值相同的話，可以省略屬性名
    <input readonly>

head標(biāo)簽

<!DOCTYPE html>告訴瀏覽器按照最新的解析模式來解析。

<script>
        alert(window.top.document.compatMode)
        #獲取瀏覽器的解析模式
        #默認是BackCompat,怪異模式，瀏覽器使用自己的怪異模式解析渲染頁面
        #加上<!DOCTYPE html>之后CSS1Compat,標(biāo)準模式，瀏覽器使用W3C的標(biāo)準解析渲染頁面
</script>

<meta name="description"  content="簡書是一個優(yōu)質(zhì)的創(chuàng)作社區(qū)，在這里，你可以任性地創(chuàng)作，一篇短文、一張照片、一首詩、一幅畫……我們相信，每個人都是生活中的藝術(shù)家，有著無窮的創(chuàng)造力。">
<meta name="keywords"  content="簡書,簡書官網(wǎng),圖文編輯軟件,簡書下載,圖文創(chuàng)作,創(chuàng)作軟件,原創(chuàng)社區(qū),小說,散文,寫作,閱讀">
<meta http-equiv="Refresh" content="2;URL=https://www.baidu.com"><--2秒后自動跳轉(zhuǎn)到百度-->

<link rel='icon' >

<p></p>換行+隔行,p是塊級標(biāo)簽，單想換行的話，使用

<div></div>是塊級(block)標(biāo)簽，獨占一行

內(nèi)聯(lián)(in-line)標(biāo)簽:行內(nèi)的，該占多大占多大<span></span>

這三個都是內(nèi)聯(lián)標(biāo)簽
<b>給字體加粗</b>
<em>變成斜體</em>
<strike></strike>被<del></del>替代

22下角標(biāo)
2<su>2上角標(biāo)
&nbsp;空格
&emsp;
&copy;代表版權(quán)??符號
&lt; &gt;表示<>

  • <img>是內(nèi)聯(lián)標(biāo)簽
<img src="1.jpg" width="200px" height="200px" alt="hehe" title="圖片">
alt:沒有圖片的時候圖片上顯示的文字
title:鼠標(biāo)懸浮在圖片上的時候顯示的文字
  • <a></a>超鏈接標(biāo)簽
第一個功能:添加一個文字"百度"并給這個文字添加一個跳轉(zhuǎn)到百度的鏈接
<a >百度</a>

<a  target="_blank" title="title">百度</a>
target為"_black"的時候，在新的頁面顯示鏈接的網(wǎng)頁
title:表示鼠標(biāo)懸浮的時候顯示的文本內(nèi)容


第二個功能:添加錨點
<style>
    #div1{<--#表示，找的是id為div1的-->
        hegiht = 500px;
        
    }
</style>

<body>
    <a href="#div1">第一章</a>
    <a href="#div2">第二章</a>
    <a href="#div3">第三章</a>
    <div id="div1">第一章</div>
    <div id="div2">第二章</div>
    <div id="div3">第三章</div>
</body>
  • 列表標(biāo)簽unordered list(無序列表) <ul></ul>
<ul>
    <li>1111</li>
    <li>1111</li>
    <li>1111</li>
    <li>1111</li>
</ul>

有序列表<ol></ol>

<ol>
    <li>1111</li>
    <li>1111</li>
    <li>1111</li>
    <li>1111</li>
</ol>

<dl>
    <dt>第一章</dt>
        <dd>第一節(jié)</dd>
    <dt>第二章</dt>
        <dd>第一節(jié)</dd>
    <dt>第三章</dt>
        <dd>第一節(jié)</dd>
        <dd>第二節(jié)</dd>
    <dt>第四章</dt>
        <dd>第一節(jié)</dd>
</dl>
  • form標(biāo)簽
    • form的重要屬性
      • method:get/post
      • action:提交到的url
      • enctype="multipart/form-data"
<form method>
    <--name屬性是給服務(wù)器看的-->
    <p>姓名:<input type="text" name="username"></p>
    <p>密碼:<input type="password" name="password"></p>
    <p><input type="submit" value='提交'></p>
    <p><input type="reset"></p><--重置-->
    <p>復(fù)選1<input type="checkbox" name="hobby" value="復(fù)選1"></p><--復(fù)選框-->
    <p>復(fù)選2<input type="checkbox" name="hobby" value="復(fù)選2"></p><--復(fù)選框-->
    <p>男<input type="radio" name="sex" value="0"></p><--單選框-->
    <p>女<input type="radio" name="sex" value="1"></p><--單選框 name屬性的值應(yīng)該是一樣的-->
    <p><input type="file"></p><--選擇文件--> 
    <select name="city" multiple>
       <optgroup label="安徽省">
            <option value="北京">北京</option>
            <option value="上海">上海</option>
        </optgroup>
        <optgroup label="河南省">
            <option value="廣州">廣州</option>
            <option value="深圳">廣州</option>
        </optgroup>
    </select>
<form>
  • select 標(biāo)簽
    • multiple 這個屬性，允許多選（按住ctrl）
    • size:表示最多顯示幾個
POST: <QueryDict: {'mudy': [''], 'city': ['上海', '廣州', '深圳']}>

django中接收一個文件:

for item in req.FILES:
    obj = req.FILES.get(item)
    filename = obj.name
    
    f = open(filename,'wb')
    for line in obj.chunks():
        f.write(line)
    f.close()


<textarea rows="10" cols="10">自我簡介</textarea>

label將'名字'與input關(guān)聯(lián)起來，點名字兩個字的時候，就響應(yīng)輸入框
<label for="mudy">名字</label>
<input id="mudy" type="text">
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成，瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明：文章內(nèi)容（如有圖片或視頻亦包括在內(nèi)）由作者上傳并發(fā)布，文章內(nèi)容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • 饑人谷_王加麗 塊級元素block獨占一行，可以設(shè)置寬高，內(nèi)外邊距；如" " 內(nèi)聯(lián)元素inline不換行，無法直接...
    饑人谷_紫塵閱讀 314評論 0贊 2
  • 面試很多家 沒面試上，總之，把之前面試到的問題，依依梳理一下 1.html5與html有什么區(qū)別(建議看一下菜鳥教...
    mjlwt閱讀 320評論 2贊 3
  • HTML標(biāo)簽解釋大全 一、HTML標(biāo)記 標(biāo)簽：!DOCTYPE 說明：指定了 HTML 文檔遵循的文檔類型定義(D...
    米塔塔閱讀 3,533評論 1贊 41
  • Spring Cloud為開發(fā)人員提供了快速構(gòu)建分布式系統(tǒng)中一些常見模式的工具（例如配置管理，服務(wù)發(fā)現(xiàn)，斷路器，智...
    卡卡羅2017閱讀 136,680評論 19贊 139
  • 一個喜歡文字的姑娘，她的內(nèi)心更豐盈、更細膩、更溫柔多情。她們向往詩和遠方，于是就把當(dāng)下過出情調(diào)、過出韻味來。 愛閱...
    活簡閱讀 735評論 0贊 0

友情鏈接更多精彩內(nèi)容