目录:
- 简单web的服务器代码
- html简介
- html常用标签
一、简单web的服务器代码
1、简单python服务器代码:


1 import socket 2 3 def main(): 4 5 sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) 6 #建立对象 7 sock.bind(('localhost',8081)) 8 #将对象绑定到端口 9 sock.listen(5) 10 #监听 11 12 while True: 13 print("server is working.....") 14 conn, address = sock.accept() 15 16 request = conn.recv(1024) # 收数据 17 18 conn.sendall(bytes("HTTP/1.1 201 OK\r\n\r\nHello Yuan
","utf8")) # 发送包头 19 conn.close() # 关闭连接 20 21 if __name__ == '__main__': 22 23 main()
二、html简介
1、html定义:
HTML(HyperText MarkUp Language)超文本标记语言,通过使用标记来描述文档结构和表现形式的一种语言,由浏览器进行解析,然后把结果显示在网页上,通俗的讲它就是服务器发送的字符串到浏览器,通过浏览器能解析的规则用HTML来描述, 它是网页构成的基础,你见到的所有网页都离不开HTML,所以学习HTML是基础中的基础
-
HTML语言是一种标记语言,不需要编译,直接由浏览器执行
-
HTML文件是一个文本文件,包含了一些HTML元素, HTML文件是一个文本文件,包含了一些HTML元素,标签等.
-
HTML文件必须使用html或htm为文件名后缀
-
HTML是大小写不敏感的,HTML与html是一样的
2、Html和CSS、js的关系
如果把Html比作一个赤裸裸的人,那么css就是给这个人穿上华丽的服装,js就是可以把这个人动起来。
- HTML是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息,可以包含文字、图片、视频等。
- CSS样式是表现(外观控制)。就像网页的外衣。比如,标题字体、颜色变化,或为标题加入背景图片、边框等。所有这些用来改变内容外观的东西称之为表现。
- JavaScript是用来实现网页上的特效效果。如:鼠标滑过弹出下拉菜单。或鼠标滑过表格的背景颜色改变。还有焦点新闻(新闻图片)的轮换。可以这么理解,有动画的,有交互的一般都是用JavaScript来实现的。
3、html结构
- 告诉浏览器使用什么样的html或者xhtml来解析html文档
- 是文档的开始标记和结束标记。此元素告诉浏览器其自身是一个 HTML 文档,在它们之间是文档的头部和主体。
- 元素出现在文档的开头部分。与之间的内容不会在浏览器的文档窗口显示,但是其间的元素有特殊重要的意义。
定义网页标题,在浏览器标题栏显示。 - 之间的文本是可见的网页主体内容。
示例:


1 DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>test1title> 6 head> 7 <body> 8 <p>第一个htmlp> 9 body> 10 html>
4、html标签格式
标签的语法:
<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分标签名>
<标签名 属性1=“属性值1” 属性2=“属性值2”…… />
三、html常用标签
1、标签
声明位于文档中的最前面的位置,处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。
document.compatMode:
- BackCompat:怪异模式,浏览器使用自己的怪异模式解析渲染页面。
- CSS1Compat:标准模式,浏览器使用W3C的标准解析渲染页面。
这个属性会被浏览器识别并使用,但是如果你的页面没有DOCTYPE的声明,那么compatMode默认就是BackCompat。
如下就是列举出来的部分解析html的规则。
2、head部分
1)标签
meta介绍
元素可提供有关页面的元信息(meta-information),针对搜索引擎和更新频度的描述和关键词。
标签位于文档的头部,不包含任何内容。
提供的信息是用户不可见的
meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name 属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。
(1)页面编码
#指定编码类型为UTF-8
(2)刷新和跳转
#指定每5秒刷新一次
#指定1秒之后跳转页面至另一个网页
(3)关键字
关键字的作用:一般是让爬虫之类的收录程序,当他们在爬你的网站的时候,如果你有关键字,那么他们会优先把关键字收录到他们的记录中,比如百度:如果他们收录之后,他们搜索你的关键字的时候,就能找到咱们的网站。
(4)描述
例如cnblog里的就是一个描述:
(5)X-UA-Compatible
X-UA-Compatible 这个是IE8特有的,知道即可,因为做前端的同学都很害怕IE因为他们问题比较多各个版本问题很诡异,当IE8的时候微软想把各个版本的统一,那么这个参数就出现了,他为了向下兼容,如下的代码如果使用IE8的时候他会以IE7的模式运行。
2)title
网页头部信息
如:加上
效果:
3)Link
网页头部图标
如加上:
#href是图片的路径+名字
4)Style
1、在当前文件中写Css样式
2、在其他文件中写Css样式类似python的模块导入的方式把Css样式导入到当前文件中使用
5)Script
1、在当前文件中写JS
2、在其他文件中写JS类似python的模块导入的方式把JS导入到当前文件中使用
3、
内常用标签1)块级标签和内联标签
块级标签: