• 前端入门html(标签介绍)


    day47

    参考:https://www.cnblogs.com/liwenzhou/p/7988087.html

     1 # web本质 示例
     2 
     3 import socket
     4 
     5 sk = socket.socket()
     6 sk.bind(("127.0.0.1", 8000))
     7 sk.listen(5)
     8 
     9 while 1:
    10     conn, addr = sk.accept()
    11     data = conn.recv(1024)  # 收消息
    12 
    13 
    14 
    15     #定义消息格式
    16     conn.send(b'HTTP/1.1 200 OK
    
    ')  # 按照HTTP协议的格式发消息
    17     #conn.send(b'hello s9!')
    18     conn.send(b'<h1>hello s9!</h1>')
    
    24     conn.close()

    执行结果:

     1 # web本质 示例
     2 
     3 import socket
     4 
     5 sk = socket.socket()
     6 sk.bind(("127.0.0.1", 8001))
     7 sk.listen(5)
     8 
     9 while 1:
    10     conn, addr = sk.accept()
    11     data = conn.recv(1024)  # 收消息
    12 
    13 
    14 
    15     #定义消息格式
    16     conn.send(b'HTTP/1.1 200 OK
    
    ')  # 按照HTTP协议的格式发消息
    17     #conn.send(b'hello s9!')
    18     #conn.send(b'<h1>hello s9!</h1>')
    19 
    20     # 从文件读取
    21     with open("data.html", "rb") as f:
    22         msg = f.read()
    23     conn.send(msg)  # 发消息
    24     conn.close()

    data.html

    <!--声明-->
    <!DOCTYPE html>
    <html>
        <head>
        </head>
    
        <body>
            <h1>hello s100!</h1>
            <img src= "https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1543217798940&di=c884491c17ac7a0d15534681d0b5a69b&imgtype=0&src=http%3A%2F%2Fcdnq.duitang.com%2Fuploads%2Fitem%2F201409%2F26%2F20140926224254_XKfZZ.thumb.700_0.jpeg">
            <a href = "http://www.baidu.com">baidu</a>
        </body>
    </html>

    标签介绍

     1 <!DOCTYPE html>
     2 <html lang="zh-CN">
     3 <head>
     4     <!--定义原信息-->
     5     <meta charset="UTF-8">
     6     <meta name = "keywords" content = "meta总结">
     7     <meta name = "description" content = "Python">
     8     <!--2秒后跳转到对应的网址,注意引号-->
     9     <meta http-equiv="refresh" content="10;URL=https://www.oldboyedu.com">
    10 
    11     <!--定义网页标题-->
    12     <title>我的第一个HTML页面</title>
    13 
    14     <!--&lt;!&ndash;定义内部样式表&ndash;&gt;-->
    15     <!--<style>-->
    16         <!--a{color: red;}-->
    17     <!--</style>-->
    18 
    19     <!--引入外部样式表文件-->
    20     <link rel = "stylesheet" href="test.css">
    21     <!--定义JS代码或引入外部JS文件-->
    22     <script>
    23         alert("shit");
    24     </script>
    25 </head>
    26 
    27 <body>
    28 <a href="">这是标签</a>
    29 <h1>秋天</h1>
    30 <h2>秋天</h2>
    31 <h3>秋天</h3>
    32 <h4>秋天</h4>
    33 <h5>秋天</h5>
    34 <h6>秋天</h6>
    35 秋天
    36 
    37 <!--src是路径  alt图片出错后,告诉大概是干什么的  图片地址可以是本地也可以是网络-->
    38 <img src="./index.jpeg" alt="doge" title="程总">
    39 <!--跳转  在当前标签页打开_self  新标签页打开_blank-->
    40 <a href = "https://www.cnblogs.com" target="_blank">博客</a>
    41 
    42 <!--点a1跳a2,跳到咕咕咕,同页面下跳转-->
    43 <a href = "#a2">a1跳a2</a>
    44 <div style = "height: 1000px;background-color: red"></div>
    45 <a href = "" id = "a2">咕咕咕</a>
    46 
    47 
    48 </body>
    49 
    50 </html>

    点击博客会跳转至博客园网页,点击“a1跳a2”将跳至同网页的下一个位置即“咕咕咕”

    其中引入文件为test.css

    a{
        color: green;
        }

    index.jpeg在程序同级文件下

  • 相关阅读:
    2022年第一天
    RestTemplate、 Ribbon、 OpenFeign 关系以及OpenFeign使用连接池
    linux下面编写简单的c++程序
    Rocket简介以及单机版安装
    事务源码(二)
    javaagent技术&Attach技术
    gateway网关原理
    Maven自定义插件以及使用
    AotucCrawler 快速爬取图片
    Monkey工具之fastbotiOS实践
  • 原文地址:https://www.cnblogs.com/112358nizhipeng/p/10019783.html
Copyright © 2020-2023  润新知