前端入门html（标签介绍）

day47

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

 # web本质 示例

 import socket

 sk = socket.socket()
 sk.bind(("127.0.0.1", 8000))
 sk.listen(5)

 while 1:
     conn, addr = sk.accept()
     data = conn.recv(1024)  # 收消息

     #定义消息格式
     conn.send(b'HTTP/1.1 200 OK\r\n\r\n')  # 按照HTTP协议的格式发消息
     #conn.send(b'hello s9!')
     conn.send(b'<h1>hello s9!</h1>')

     conn.close()

执行结果：

 # web本质 示例

 import socket

 sk = socket.socket()
 sk.bind(("127.0.0.1", 8001))
 sk.listen(5)

 while 1:
     conn, addr = sk.accept()
     data = conn.recv(1024)  # 收消息

     #定义消息格式
     conn.send(b'HTTP/1.1 200 OK\r\n\r\n')  # 按照HTTP协议的格式发消息
     #conn.send(b'hello s9!')
     #conn.send(b'<h1>hello s9!</h1>')

     # 从文件读取\
     with open("data.html", "rb") as f:
         msg = f.read()
     conn.send(msg)  # 发消息
     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>

标签介绍

 <!DOCTYPE html>
 <html lang="zh-CN">
 <head>
     <!--定义原信息-->
     <meta charset="UTF-8">
     <meta name = "keywords" content = "meta总结">
     <meta name = "description" content = "Python">
     <!--2秒后跳转到对应的网址，注意引号-->
     <meta http-equiv="refresh" content="10;URL=https://www.oldboyedu.com">

     <!--定义网页标题-->
     <title>我的第一个HTML页面</title>

     <!--&lt;!&ndash;定义内部样式表&ndash;&gt;-->
     <!--<style>-->
         <!--a{color: red;}-->
     <!--</style>-->

     <!--引入外部样式表文件-->
     <link rel = "stylesheet" href="test.css">
     <!--定义JS代码或引入外部JS文件-->
     <script>
         alert("shit");
     </script>
 </head>

 <body>
 <a href="">这是标签</a>
 <h1>秋天</h1>
 <h2>秋天</h2>
 <h3>秋天</h3>
 <h4>秋天</h4>
 <h5>秋天</h5>
 <h6>秋天</h6>
 秋天

 <!--src是路径  alt图片出错后,告诉大概是干什么的  图片地址可以是本地也可以是网络-->
 <img src="./index.jpeg" alt="doge" title="程总">
 <!--跳转  在当前标签页打开_self  新标签页打开_blank-->
 <a href = "https://www.cnblogs.com" target="_blank">博客</a>

 <!--点a1跳a2,跳到咕咕咕，同页面下跳转-->
 <a href = "#a2">a1跳a2</a>
 <div style = "height: 1000px;background-color: red"></div>
 <a href = "" id = "a2">咕咕咕</a>

 </body>

 </html>

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

其中引入文件为test.css

a{
    color: green;
    }

index.jpeg在程序同级文件下