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. Codeforces 670D1. Magic Powder - 1 暴力

    D1. Magic Powder - 1 time limit per test: 1 second memory limit per test: 256 megabytes input: stand ...

  2. 那些我离不开的 Sketch 插件

    当谈论到插件时,我是一名极客.各种新颖的 Sketch 插件层出不穷,但是有那么几个是我怎么也离不开的. Sketch 运行器 多层的插件菜单再也不会影响我的效率了. 我推迟了好几年才使用这个插件,因 ...

  3. tp5.1注册路由后接收不到参数

  4. 局部方法$("html").load()和全局方法$.get()、$.post()

    一..load() .load()方法可以参数三个参数:url(必须,请求 html 文件的 url 地址,参数类型为 String).data(可选,发送的 key/value 数据,参数类型为 O ...

  5. 【Linux】Jenkins配置和使用(二)

    摘要 本章介绍Jenkins的简单使用,关于Jenkins的安装,参照[Linux]Jenkins安装(一) 事例说明:在linux环境下,安装的jenkins,集成svn,tomcat的环境,项目是 ...

  6. 100 floors 2 eggs

    https://github.com/Premiumlab/Python-for-Algorithms--Data-Structures--and-Interviews/blob/master/Moc ...

  7. 2018.10.14 loj#6012. 「网络流 24 题」分配问题(费用流)

    传送门 费用流水题. 依然是照着题意模拟建边就行了. 为了练板子又重新写了一遍费用流. 代码: #include<bits/stdc++.h> #define N 305 #define ...

  8. 2018.10.12 NOIP模拟 字符处理(模拟)

    传送门 sb模拟,考试跟着sb了90分. 代码

  9. C#打印日志的小技巧

    public static void Log(params System.Object[] message) { string str = ""; if (message == n ...

  10. MVC, EF, Code First 相关问题总结

    1. 控制表名单复数: 在DbContext类中修改OnModelCreating()为: protected override void OnModelCreating(DbModelBuilder ...