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. hg 添加用户

    .hg目录下hgrc文件 [ui] username = lyd

  2. 测试用例excel模板

    Index Precondition Action Test Data Expect Result Excute Date Pass/Fail

  3. 深入浅出 JMS(四) - ActiveMQ 消息存储

    深入浅出 JMS(四) - ActiveMQ 消息存储 一.消息的存储方式 ActiveMQ 支持 JMS 规范中的持久化消息与非持久化消息 持久化消息通常用于不管是否消费者在线,它们都会保证消息会被 ...

  4. IE10中KendoUI treeview 点击后出现虚线框的解决方案

    在head中添加:<meta http-equiv="X-UA-Compatible" content="IE=edge"> 修改渲染模式即可.

  5. 【Maven】Nexus（Maven仓库私服）下载与安装

    Nexus介绍 Nexus 是Maven仓库管理器,如果你使用Maven,你可以从Maven中央仓库 下载所需要的构件(artifact),但这通常不是一个好的做法,你应该在本地架设一个Maven仓库 ...

  6. 用个体软件过程(PSP)记录你的工作

    用个体软件过程(PSP)记录你的工作 首先,非常感谢大家对本门课程的学习所投入的时间和精力. 其次,已经进入数据时代,口说无凭,拿数据来.如果你认为你已经投入了大量精力在这门课程的学习和作业中,而且已 ...

  7. 2018.09.24 codeforces 1053C. Putting Boxes Together（线段树）

    传送门 就是让你维护动态的区间带权中位数. 然而昨晚比赛时并没有调出来. 想找到带权中位数的中点可以二分(也可以直接在线段树上找). 也就是二分出第一个断点,使得断点左边的和恰好大于或等于断点右边的和 ...

  8. 字典树Java实现

    Trie树的原理 Trie树也称字典树,因为其效率很高,所以在在字符串查找.前缀匹配等中应用很广泛,其高效率是以空间为代价的. 利用串构建一个字典树,这个字典树保存了串的公共前缀信息,因此可以降低查询 ...

  9. LA 3602 DNA Consensus String （暴力枚举）

    题意:给定m个长度为n的DNA序列,求一个最短的DNA序列,使得总Hamming距离最小. Hamming距离等于字符不同的位置个数. 析:看到这个题,我的第一感觉是算时间复杂度,好小,没事,完全可以 ...

  10. Java实现浏览器端大文件分片上传

    版权所有 2009-2018荆门泽优软件有限公司 保留所有权利 官方网站:http://www.ncmem.com/ 产品首页:http://www.ncmem.com/webapp/up6.2/in ...