# HTML
# import socket
#
# def main():
# sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM)
# sock.bind(('localhost',8080))
# sock.listen(5)
#
# while True:
# connection, address = sock.accept()
# buf = connection.recv(1024)
# f = open('test.html','rb')
# data = f.read()
# connection.sendall(bytes("HTTP/1.1 201 OK
","utf8"))
#
# connection.sendall(data)
#
# connection.close()
#
# if __name__ == '__main__':
#
# main()
##################################################################################
# HTML是什么？
# HTML是超文本语言，指页面内可以包含图片、链接、程序甚至音乐等
# 标记语言：标签构成的语言
# 网页 == HTML文件，由浏览器解析，用于前端展示
# 静态网页：静态的资源，如xxx.html
# 动态代码：html代码是用户根据某种开发语言依据请求生成的
# 根元素html
# /
# head元素 body元素
# / / |
# meta元素 title元素 div元素 p元素 div元素
# 什么是标签？
# 是由一对尖括号包裹的单词构成，例如<html>中的所有的标签单词不可能以数字开头
# 标签不区分大小写，推荐使用小写
# 标签分为两部分：开始标签<a>和结束标签</a>，两个标签的部分，成为标签体
# 有些标签功能简单，使用一个标签就可以，这种标签成为自闭和标签<br/> <hr/> <input /> <img />
# 标签可以嵌套，但是不能交叉嵌套
#######################################################################################
# 通常是以键值对的形式出现，例如name = 'alex'
# 属性只能出现在闭合标签或自闭和标签中
# 属性名字必须小写，属性值必须使用单引号或双引号
# 属性值和属性名完全一样时，可以只填写一个
#######################################################################################
# 如果你的页面添加了<!DOCTYPE html>那么，那么就等同于开启了标准模式，那么浏览器就得老老实实的按照W3C的标准解析渲染页面，
# 这样一来，你的页面在所有的浏览器里显示的就都是一个样子了。
# 这就是<!DOCTYPE html>的作用。
#######################################################################################
# head标签
# meta标签的组成：meta标签共有两个属性，它们分别是http-equiv属性和name 属性，
# 不同的属性又有不同的参数值，这些不同的参数值就实现了不同的网页功能。
# name属性主要用于描述网页，与之对应的属性值为content，
# content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。
# <meta name="keywords" content="meta总结,html meta,meta属性,meta跳转">
# <meta name="description" content="老男孩培训机构是由一个老的男孩创建的">
# http-equiv顾名思义，相当于http的文件头作用，它可以向浏览器传回一些有用的信息，
# 以帮助正确和精确地显示网页内容，与之对应的属性值为content，content中的内容其实就是各个参数的变量值。
#######################################################################################
# body标签
# 块级标签：<p><h1><table><ol><ul><form><div>
# 内联标签：<a><input><img><sub><sup><textarea><span>
# <hn>: n的取值范围是1~6; 从大到小. 用来表示标题.
# <p>: 段落标签. 包裹的内容被换行.并且也上下内容之间有一行空白.
# <b> <strong>: 加粗标签.
# <strike>: 为文字加上一条中线.
# <em>: 文字变成斜体.
# <sup>和<sub>: 上角标 和 下角表.
# <br>:换行.
# <hr>:水平线
# <div><span>
# ############################################################################################
# 图形标签<img>
# src: 要显示图片的路径.
# alt: 图片没有加载成功时的提示.
# title: 鼠标悬浮时的提示信息.
# 图片的宽
# height:图片的高 (宽高两个属性只用一个会自动等比缩放.)
# ############################################################################################
# a标签
# a href 请求地址
#target: _blank : 在新的窗口打开超链接. 框架名称: 在指定框架中打开连接内容.
# name: 定义一个页面的书签.
# 用于跳转 href : #id.（锚）
# ############################################################################################
# <ul>: 无序列表
# <ol>: 有序列表
# <li>:列表中的每一项.
# <dl> 定义列表
# <dt> 列表标题
# <dd> 列表项
# ############################################################################################
# 表单标签<form>
#type: # text 文本输入框
# password 密码输入框
# radio 单选框
# checkbox 多选框
# submit 提交按钮
# button 按钮(需要配合js使用.) button和submit的区别？
# file 提交文件：form表单需要加上属性enctype="multipart/form-data"
# name: 表单提交项的键.注意和id属性的区别：name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称，该属性主要是为了方便客
# 户端编程，而在css和javascript中使用的
# value: 表单提交项的值.对于不同的输入类型，value 属性的用法也不同：
# ?12345type="button", "reset", "submit" - 定义按钮上的显示的文本 type="text", "password", "hidden" - 定义输入字段的初始值
# type="checkbox", "radio", "image" - 定义与输入相关联的值
# checked: radio 和 checkbox 默认被选中
# readonly: 只读. text 和 password
# disabled: 对所用input都好使.
############################################################################################
# <select> 下拉选标签属性
# name:表单提交项的键.
# size：选项个数
# multiple：multiple
# <option> 下拉选中的每一项 属性：
# value:表单提交项的值. selected: selected下拉选默认被选中
# <optgroup>为每一项加上分组
############################################################################################
# <textarea> 文本域
# name: 表单提交项的键.
# cols: 文本域默认有多少列
# rows: 文本域默认有多少行
############################################################################################
# 两个特效
# <label>
# <label for="www">姓名</label>
# <input id="www" type="text">
# < fieldset >
# <fieldset>
# <legend>登录吧</legend>
# <input type="text">
# </fieldset>