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. anaconda 设置新的环境,这样python的包随便换和安装

    1.进入anaconda navigate 里面创建一个新的environment 2.cmd里面conda info -e 3.activate 环境名 然后python的包就已经换到新环境了

  2. 类里面的非static const成员

    类里面的成员变量可以用const修饰,在只用const不用static修饰的情况下,这种使用的限制比较多 (1)不能定义处初始化,必须在类的构造函数初始化列表里面初始化(虽然在vs中,可以在定义处初始 ...

  3. 20155232 2016-2017-3 《Java程序设计》第9周学习总结

    20155232 2016-2017-3 <Java程序设计>第9周学习总结 教材学习内容总结 第16章 JDBC(Java DataBase Connectivity)即java数据库连 ...

  4. 20155210 2016-2017-2 《Java程序设计》第7周学习总结

    20155210 2016-2017-2 <Java程序设计>第7周学习总结 教材学习内容总结 时间的度量: GMT(Greenwich Mean Time)时间:现在不是标准时间 世界时 ...

  5. 2018.06.30 BZOJ 3932: [CQOI2015]任务查询系统（主席树）

    3932: [CQOI2015]任务查询系统 Time Limit: 20 Sec Memory Limit: 512 MB Description 最近实验室正在为其管理的超级计算机编制一套任务管理 ...

  6. 2018.07.25 bzoj2125: 最短路（圆方树+倍增）

    传送门 人生的第一道仙人掌. 这道题求是仙人掌上的最短路. 先建出圆方树,然后用倍增跑最短路,当lca" role="presentation" style=" ...

  7. T4系列文章之2：T4工具简介、调试以及T4运行原理(转)

    出处:http://www.cnblogs.com/damonlan/archive/2012/01/12/2320429.html 一.前言 经过第一篇,我想大家现在对T4有了基本的印象,应该对T4 ...

  8. Linux服务器部署系列之三—DNS篇

    网上介绍DNS的知识很多,在这里我就不再讲述DNS原理及做名词解释了.本篇我们将以一个实例为例来讲述DNS的配置,实验环境如下: 域名:guoxuemin.cn, 子域:shenzhen.guoxue ...

  9. mysql中要根据某个逗号分割的字符串关联查询另一张表的数据

    首先观察下面的查询 select * from company where f_id in ('210','205','208') select * from company where f_id i ...

  10. 知识：CSS 词汇表（中英对照）_CSS Vocabulary

    注释(Comment) 语句(Statement) 规则集(Rule-set) At 规则(At-rule) 媒体查询(Media query) 媒体查询列表(Media query list) 媒体 ...