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

前端入门html（标签介绍）的更多相关文章

  1. 前端入门2-HTML标签

    本篇文章已授权微信公众号 dasu_Android(大苏)独家发布 声明 本系列文章内容全部梳理自以下四个来源: <HTML5权威指南> <JavaScript权威指南> MD ...

  2. web前端之 HTML标签详细介绍

    html标签的分类 点我查看完整的html标签介绍 在html中,标签一般分为块级标签和行内标签 块级标签:块元素一般都从新行开始,它可以容纳内联元素和其他块元素,常见块元素是段落标签"p& ...

  3. 前端学习(一) html介绍和head标签

    HTML 一. HTML 介绍 1. HTML概述:html全称Hyper Text Mackeup Language, 翻译为超文本标记语言, 它不是一种编程语言, 是一种描述性的标记语言, 用于描 ...

  4. 结合个人经历总结的前端入门方法 (转自https://github.com/qiu-deqing/FE-learning)

    结合个人经历总结的前端入门方法 (https://github.com/qiu-deqing/FE-learning),里面有很详细的介绍. 之前一直想学习前端的,都不知道怎么下手都一年了啥也没学到, ...

  5. 前端入门3-CSS基础

    本篇文章已授权微信公众号 dasu_Android(大苏)独家发布 声明 本系列文章内容全部梳理自以下四个来源: <HTML5权威指南> <JavaScript权威指南> MD ...

  6. 前端入门nginx

    一.nginx是什么 NGINX is a free, open-source, high-performance HTTP server and reverse proxy, as well as ...

  7. web前端入门：一小时学会写页面

    一小时学会写页面 作为一个懒癌晚期患者,总是习惯找各种简单的解决问题的方法,也习惯性把问题简单化,所以今天想分享给大家简单的web前端入门方法.既然题目已经定了一个小时那么废话就不多说了,计时开始 1 ...

  8. vue框架入门和ES6介绍

    vue框架入门和ES6介绍 vue-mvvm模式,vue是一种轻量级的前端框架,主要为模板渲染,数据同步,组件化,模块化,路由等. https://cn.vuejs.org/ 源码:https://g ...

  9. Web前端入门教程之浏览器兼容问题及解决方法

    JavaScript 被称为JS,是作为浏览器的内置脚本语言,为我们提供操控浏览器的能力,可以让网页呈现出各种特殊效果,为用户提供友好的互动体验.JS是Web前端入门教程中的重点和难点,而浏览器兼容性 ...

随机推荐

  1. Linux 模块管理

    查看模块信息 modinfo module-name 加载模块 insmod module-name 卸载模块 rmmod module-name 生成模块依赖 cd /lib/module/`una ...

  2. loadrunner12-运行报错原因及解决办法整理集合

    1.错误:已超过该load generator的CPU使用率80%: 答:机器内存过小,更换配置更好的机器来执行测试. 是因为虚机的内存过小,运行Controller需要消耗的CPU过高,超过了80% ...

  3. msys2 git status显示中文文件名问题

    git config [--global] core.quotepath off https://stackoverflow.com/questions/5854967/git-msysgit-acc ...

  4. 乞丐版servlet容器第2篇

    2. 监听端口接收请求 上一步中我们已经定义好了Server接口,并进行了多次重构,但是实际上那个Server是没啥毛用的东西. 现在要为其添加真正有用的功能. 大师说了,饭要一口一口吃,衣服要一件一 ...

  5. 使用JPA保存对象时报nested exception is javax.persistence.RollbackException: Transaction marked as rollbackOnly错误

    使用JPA保存对象时报nested exception is javax.persistence.RollbackException: Transaction marked as rollbackOn ...

  6. 2018.10.15 NOIP训练 水流成河（换根dp）

    传送门 换根dp入门题. 貌似李煜东的书上讲过? 不记得了. 先推出以1为根时的答案. 然后考虑向儿子转移. 我们记f[p]f[p]f[p]表示原树中以ppp为根的子树的答案. g[p]g[p]g[p ...

  7. 2018.10.04 NOIP模拟 航班（tarjan+树形dp）

    传送门 考场上自己yy了一个双连通只有40分. 然后换根dp求最长路就行了. 代码

  8. Docker swarm结合Openresty部署rabbitmq集群

    Docker swarm结合Openresty部署rabbitmq集群 大家好,年底了,年味儿越来越浓了．2019年的寒冬被定义为未来10年中最好的一年,对于这一说法悲观的人和乐观的人的理解是不一样的 ...

  9. python小练习--函数调用函数，让对象具有能动性

    class Box:#定义一个类名为Box,类名后不必有括号,类包含类属性和类方法,这个类没有定义类属性 '''这是一个计算体积的类'''#这是这个类的__doc__属性,执行类后就可以在交互界面输入 ...

  10. 批量 truncate 表

    如果某个用户下所有表或指定表中所有的数据已确定不再需要,此时可以进行批量 truncate declare cursor cur_trunc is select table_name from use ...