# 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\r\n\r\n","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: 鼠标悬浮时的提示信息.
# width: 图片的宽
# 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>

Pyhton学习——Day37的更多相关文章

  1. Pyhton学习——Day26

    #多态:多态指的是一类事物有多种形态# import abc# class Animal(metaclass = abc.ABCMeta):# 同一类事物:动物# @abc.abstractclass ...

  2. pyhton 学习

    官方学习文档 https://docs.python.org/3/tutorial/

  3. 20190320_head first pyhton学习笔记之构建发布

    1.把代码nester.py放入文件夹nester中,在文件夹中再新建一个setup.py文件,文件内容如下: from distutils.core import setup setup( name ...

  4. Pyhton学习——Day2

    Python开发IDE(工具)Pycharm.eclipse1.循环while 条件 #循环体 #条件为真则执行 #条件为假则执行break用于退出所有循环continue用于退出当前循环 2.Pyc ...

  5. Pyhton学习——Day28

    #上下文协议:文件操作时使用with执行# with open('a.txt','w',encoding='utf-8') as f1:# with语句,为了让一个对象兼容with语句,必须在这个对象 ...

  6. Pyhton学习——Day27

    # hasattr(obj,'name')-->obj.name# getattr(obj,'name',default = 'xxx')--->obj.name# setattr(obj ...

  7. Pyhton学习——Day25

    #面向对象的几个方法#1.静态方法@staticmethod,不能访问类属性,也不能访问实例属性,只是类的工具包#2.类方法:@classmethod,在函数属性前加上类方法,显示为(cls)代表类, ...

  8. Pyhton学习——Day24

    # #面向对象设计:# def dog(name,gender,type):# def jiao(dog):# print('One Dog[%s],wfwfwf'%dog['name'])# def ...

  9. Pyhton学习——Day23

    #re模块方法:findall search#findall:返回所有满足匹配条件的数值,放在列表里#search : #函数会在字符串内查找模式匹配,只到找到第一个匹配然后返回一个包含匹配信息的对象 ...

随机推荐

  1. C++基础 (9) 第九天 编译器对模板类的二次编译 类模板 自定义数组类

    1 昨日回顾 2 编译器对于模板的二次编译 写一个模板函数 然后进行调用 g++ template.cpp -o template // 汇编 g++ -S template.cpp –o templ ...

  2. docker 私有仓库的两种方式

    1.使用官方默认的registry镜像构建本地仓库 这种方式适用于小规模的镜像仓库储存,没有Ui界面 (1)docker pull registry (2)docker run -d -p 5000: ...

  3. 实战：一、使用mongo做一个注册的小demo

    思路:1.使用mongoose 进行 数据库的链接 2.使用Schema来进行传输字段的定义 3.安装koa-router进行数据处理4.安装koa-bodyparser 进行post数据交互5.解决 ...

  4. 【codeforces 799B】T-shirt buying

    [题目链接]:http://codeforces.com/contest/799/problem/B [题意] 告诉你每个人喜欢的衣服的颜色; 然后告诉你每件衣服的正面和背面的颜色以及它的价格; 只要 ...

  5. oracle double和float,number

    float,double,number都是oracle的数值类型.1个汉子=2个英文=2个字节float表示单精度浮点数在机内占4个字节,用32位二进制描述. double表示双精度浮点数在机内占8个 ...

  6. ExtJs之Ext.Template

    <!DOCTYPE html> <html> <head> <title>ExtJs</title> <meta http-equiv ...

  7. iis配置问题报错 -- Could not load file or assembly 'Oracle.DataAccess' or one of its dependencies

    具体提示: Could not load file or assembly 'Oracle.DataAccess' or one of its dependencies. 试图加载格式不正确的程序. ...

  8. 【LeetCode-面试算法经典-Java实现】【120-Triangle（三角形）】

    [120-Triangle(三角形)] [LeetCode-面试算法经典-Java实现][全部题目文件夹索引] 原题 Given a triangle, find the minimum path s ...

  9. 小米2S电池电量用尽充电无法开机解决方法

    背景:        昨晚睡觉前关机,记得电量还有百分之七八十,但早上起床后,指示灯一直红灯闪烁.按开机键和其它键都没反应! ! 解决方法:         扣下电池,用万能充冲电,略微多冲一会,由于 ...

  10. sql查询语句中的乱码 -- 前面加N

    直接运行sql出出现乱码,在中文字符前加N就能够正常显示了.N的含义就是用nvarchar格式显示.