42 前端

時間 2019-12-09

標籤前端简体版

原文原文鏈接

跳轉

前端的的錨點

前端  內容的展現browser
後端  邏輯的處理

請求和響應：
html    顯示的內容
css     樣式   美化
js      動態效果

HTML  超文本標記語言  圖片、視頻、音頻 
      標記 標籤  標記
      
d
標籤的分類：
塊級標籤 h1-h6
行內（內聯）標籤 span 
    br 換行
    b strong 加粗
    i em 斜體
    s del 刪除線
    u 下劃線
    img 圖片 src(來源): 網絡地址/本地路徑、alt:圖片的提示  、width:寬度 、                  height:高度
        
    a anchor 錨 超連接              
    href 錨點         
    網址 <a href="https://www.mi.com/" target="_blank">小米官網</a>          回到頂部   <a href="#">回到頂部</a>
    回到底部： <a href="#xxx">跳轉到底部</a>
    頁面錨點： 標籤添加id 、 a標籤加name 
    target： _self(默認)  當前頁面刷新  _blank   新建一個頁面窗口
            
            

HTML標籤：
head  一個的思惟
    meta  元信息
    charset 編碼 
    description  描述
    Keywords  關鍵字
    title  標題

    <style></style>  <!-- css -->
    <link rel="stylesheet" href="">  <!-- 鏈接 -->
    <script></script>    <!-- js -->


body  一我的的身體

本身寫的一個服務端

import socket

sk = socket.socket()
sk.bind(('127.0.0.1', 9999))

sk.listen()

conn, addr = sk.accept()
data = conn.recv(1024)
print(data)
conn.send(b'HTTP/1.1 200 OK\r\n\r\n')
conn.send("""<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="gbk">
    <title>Title</title>
</head>
<body>
國慶已經結束了！
</body>
</html>""".encode('GBK'))
conn.close()
sk.close()

html

<!doctype html>
<html lang="en">
<head>
<!--    <meta charset="UTF-8">-->
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <meta http-equiv="Content-Type" content="text/html;charset=utf-8" >
<!--    <meta http-equiv="refresh" content="2;URL=http://www.luffycity.com">-->

    <title>Document</title>

</head>
<body>
<a href="#ddk1">跳轉到DDK1</a>
<a href="#xxx">跳轉到底部</a>
<h1>這是h1標籤</h1><h2>這是h2標籤</h2><h3>這是h3標籤</h3><h4>這是h4標籤</h4><h5>這是h5標籤</h5><h6>這是h6標籤</h6>
<span>國慶 <b>國慶</b> <strong>國慶</strong>   <i>國慶</i> <em>國慶</em>  <del>國慶</del>  <s>國慶</s>  <u>國慶</u>  </span>
<br>
<span>結束了</span>

<h1>這是h1標籤</h1><h2>這是h2標籤</h2><h3>這是h3標籤</h3><h4>這是h4標籤</h4><h5>這是h5標籤</h5><h6>這是h6標籤</h6>


<img src="https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1570531325209&di=dbd6c0f2baf4f2ade9879ba62009c598&imgtype=0&src=http%3A%2F%2Fimages.zi.org.tw%2Fkocpc%2F2019%2F02%2F1550196726-ef590f7d53d3457f2f87ff6482f0b91b.jpg" alt="" ></body></html>
<a href="https://www.mi.com/" target="_blank">小米官網</a>