# 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. Jmeter中使用CSV Data Set Config

    A

  2. WEBGL学习【七】画布绘图

    主要是对WEBGL的绘图部分进行了进一步加强的认识和理解 <!DOCTYPE HTML> <html lang="en"> <head> < ...

  3. linux基础正则

    1.^word #匹配word开头的内容,vi/vim编辑器里^代表一行的开头. 2.word$ #匹配以word结尾的内容,vi/vim编辑器里$代表一行的结尾. 3.^$ #表示空行 4.. #代 ...

  4. windows远程桌面无法复制粘贴的解决方案

    方法一:在网上最常见的方法,就是杀掉 rdpclip.exe进程后重启. 在远程桌面的任务栏,右键启动任务管理器 这时候进程列表中已经没有看到rdpclip.exe了,桌面左下方点击[开始]--> ...

  5. vue v-for下图片src显示失败，404错误

  6. 2019-03-29 Vagrant Docker Toolbox 下载安装

    1.无脑安装Vagrant Vagrant是一个基于Ruby的工具,用于创建和部署虚拟化开发环境.它 使用Oracle的开源VirtualBox虚拟化系统,使用 Chef创建自动化虚拟环境. http ...

  7. android生成sdk.jar 小工具

    net.sf.fjep.fatjar_0.0.31.jar 生成jar的工具 把这个net.sf.fjep.fatjar_0.0.31.jar到Eclipse的plugins中,从启Eclipse.点 ...

  8. （7）JPA - Hibernate【从零开始学Spring Boot】

    在说具体如何在spring boot 使用Hibernate前,先抛装引玉些知识点?什么是JPA呢? JPA全称Java Persistence API.JPA通过JDK 5.0注解或XML描述对象- ...

  9. Tensorflow MNIST 数据集测试代码入门

    本系列文章由 @yhl_leo 出品,转载请注明出处. 文章链接: http://blog.csdn.net/yhl_leo/article/details/50614444 测试代码已上传至GitH ...

  10. C#中的==和Equals

    == 和 Equals 简要:==比较栈上的内容,Equals比较堆上的内容 object x = 5, y = 5; Console.WriteLine(x == y); // "==&q ...