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. 201621123008 《Java程序设计》第五周学习总结

    1. 本周学习总结 1.1 写出你认为本周学习中比较重要的知识点关键词 关键词:接口,内部类. 1.2 尝试使用思维导图将这些关键词组织起来.注:思维导图一般不需要出现过多的字. 1.3 可选:使用常 ...

  2. Python GUI 编程

    Python GUI编程(Tkinter) Python 提供了多个图形开发界面的库,几个常用 Python GUI 库如下: Tkinter: Tkinter 模块(Tk 接口)是 Python 的 ...

  3. 2018.07.17 后缀自动机模板（SAM）

    洛谷传送门 这是一道后缀自动机的模板题,这道题让我切身体会到了后缀自动机的方便与好写. 代码如下: #include<bits/stdc++.h> #define N 2000005 #d ...

  4. hdu-2191（完全背包+二进制优化模板）

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2191 思路:完全背包模板 #include<iostream> #include<c ...

  5. java 解析txt/html文件

    package util.read; import java.io.BufferedReader;import java.io.FileReader; public class ReadFromFil ...

  6. 仿iPhone滑屏操作

    <!DOCTYPE html> <html> <head>     <meta charset="utf-8">     <m ...

  7. （匹配）Courses -- hdu --1083

    链接: http://acm.hdu.edu.cn/showproblem.php?pid=1083 http://acm.hust.edu.cn/vjudge/contest/view.action ...

  8. Spring容器中bean的生命周期以及关注spring bean对象的后置处理器：BeanPostProcessor（一个接口）

    Spring IOC 容器对 Bean 的生命周期进行管理的过程: 1.通过构造器或工厂方法创建 Bean 实例 2.为 Bean 的属性设置值和对其他 Bean 的引用 3.将 Bean 实例传递给 ...

  9. Html隐藏占空间与隐藏不占空间

    隐藏不占用空间: display:none; 以下为示例代码: <span style="display:none;"> 获取中</span> 隐藏占用空间 ...

  10. TFS Java SDK使用指南

    [2018.3.6 更新] 最新版本的TFS Java SDK(14.123.1)支持Java SDK 1.6版本,可以从Oracle的官方网站(http://www.oracle.com/techn ...