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>