前端入门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在程序同级文件下