# 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. 【CF666E】Forensic Examination - 广义后缀自动机+线段树合并

    广义SAM专题的最后一题了……呼 题意: 给出一个长度为$n$的串$S$和$m$个串$T_{1\cdots m}$,给出$q$个询问$l,r,pl,pr$,询问$S[pl\cdots pr]$在$T_ ...

  2. DNS解析流程原理（图例）

    13台根服务器的dns: 1.root-servers.net198.41.0.4美国2.root-servers.net192.228.79.201美国(另支持IPv6)3.root-servers ...

  3. Python面向对象之静态方法、静态方法与类方法

    静态属性: 类调用函数属性时,需要先将类实例化,再将实例作为函数属性传入:类的实例调用函数属性时需要在后面加括号. class Building: def __init__(self, name, o ...

  4. EntboostChat 0.9（越狱版）公布，iOS免费企业IM

    恩布互联公布IOS免费企业IM 0.9越狱预览版本号,支持全部iPhone4/5手机(6未上真机測试),iPad平板,主要功能包含单聊.群聊,企业组织结构,文本.表情.图片.文件.截图.离线消息等: ...

  5. jboss final 7.1.1相关error以及解决方式

    问题1 报错提示: MSC00001: Failed to start service jboss.web.deployment.default-host./: Caused by: java.lan ...

  6. Hello The World！ —— 致我们无悔的IT之旅

    感谢IT,让我有了这么可爱活泼的伙伴. 有了KsCla,Coming,lhx_QAQ,tututu,AB_ever,Fat-zhang,wka,lhm这些伙伴神犇的陪伴,我的OI历程不至于那么枯燥无味 ...

  7. Oracle 常见的33个等待事件

    一． 等待事件的相关知识: 1.1 等待事件主要可以分为两类,即空闲(IDLE)等待事件和非空闲(NON-IDLE)等待事件. 1). 空闲等待事件指Oracle正等待某种工作,在诊断和优化数据库的时 ...

  8. 【BZOJ 2152】 聪聪可可

    [题目链接] https://www.lydsy.com/JudgeOnline/problem.php?id=2152 [算法] 点分治 [代码] #include<bits/stdc++.h ...

  9. vs的任务列表

    前几天才刚开始看到这个 很多时候,一些任务,怕忘记了,或者已经做好的东西,由于各种原因,暂时不用等等这种情况 这时候,就可以在vs上,随时加到任务列表中,方面下次直接来修改或实现等等 在vs的视图&g ...

  10. 移动端 华为手机 input中placeholder垂直居中失效

    为一个app写了一个嵌套的提现页面,效果如下图 input给定宽高,给了line-heigh,在浏览器查看效果正常,placeholder内容以及光标显示都是垂直居中的, IOS显示正常, Andro ...