Python之路前端知识HTML杨同学在这里

868 569

importsocketsock=socket.socket(socket.AF_INET,socket.SOCK_STREAM)sock.bind(("127.0.0.1",8800))sock.listen(5)while1:print("waiting........")conn,addr=sock.accept()data=conn.recv(1024)print("data",data.decode("utf8"))withopen("index.html","r")asf:response=f.read()#可以吧html放在一个文档里面读出来conn.send(("HTTP/1.1201OK\r\n\r\n%s"%response).encode("utf8"))

标签的语法：

<标签名属性1=“属性值1”属性2=“属性值2”……>内容部分

<标签名属性1=“属性值1”属性2=“属性值2”……/>

document.compatMode：

标签

1.meta介绍

2.meta标签的组成：

标签的分类一：

自闭合标签：单标签闭合标签：双标签

标签的分类二：

块级标签：就是独占一行，可以自行设置宽高！如：先学到的div,p,h1-h6

内联标签：按内容占位，高度和广度是由自己的内容填充的如：a,br,img

判断块级标签和内联标签的方法：

1.是否独占一行（可以通过设置背景颜色去判断）

2.是否可以单独为元素设置高度和宽度。

：
只是一个块级元素，并无实际的意义。主要通过CSS样式为其赋予不同的表现.：表示了内联行(行内元素),并无实际的意义,主要通过CSS样式为其赋予不同的表现.

块级元素与行内元素的区别所谓块元素，是以另起一行开始渲染的元素，行内元素则不需另起一行。如果单独在网页中插入这两个元素，不会对页面产生任何的影响。这两个元素是专门为定义CSS样式而生的。

'''src:要显示图片的路径.alt:图片没有加载成功时的提示.title:鼠标悬浮时的提示信息.width:图片的宽height:图片的高(宽高两个属性只用一个会自动等比缩放.)'''

什么是超级链接？

所谓的超链接是指从一个网页指向一个目标的连接关系，这个目标可以是另一个网页，也可以是相同网页上的不同位置，还可以是一个图片，一个电子邮件地址，一个文件，甚至是一个应用程序

'''

    :无序列表[type属性：disc(实心圆点)(默认)、circle(空心圆圈)、square(实心方块)]
      :有序列表
    1. :列表中的每一项.
      定义列表
      列表标题
      列表项'''

      表格概念表格是一个二维数据空间，一个表格由若干行组成，一个行又有若干单元格组成，单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式（即按行和列组织）的数据。表格的基本结构：

      标题标题
      内容内容
      ''':表行:表头:表数据属性:border:表格边框.cellpadding:内边距cellspacing:外边距.width:像素百分比.（最好通过css来设置长宽）rowspan:单元格竖跨多少行colspan:单元格横跨多少列（即合并单元格）'''

      功能：表单用于向服务器传输数据，从而实现用户与Web服务器的交互

      表单能够包含input系列标签，比如文本字段、复选框、单选框、提交按钮等等。

      表单还可以包含textarea、select、fieldset和label标签。

      表单属性：

      method:表单的提交方式post/get默认取值就是get

      from表单：实现用户与web服务器的交互以键值对的形式发过去，如果没有name属性，你的数据是不过去的，name:键名

      请求server端的方式：

      get:请求会放在url后面username=yaun&password=123

      post:请求会放在请求体里

      基本概念：

      HTML表单是HTML元素中较为复杂的部分，表单往往和脚本、动态页面、数据处理等功能相结合，因此它是制作动态网站很重要的内容。表单一般用来收集用户的输入信息表单工作原理：访问者在浏览有表单的网页时，可填写必需的信息，然后按某个按钮提交。这些信息通过Internet传送到服务器上。服务器上专门的程序对这些数据进行处理，如果有错误会返回错误信息，并要求纠正错误。当数据完整无误后，服务器反馈一个输入完成的信息。

      input系列标签

      <1>表单类型

      type:

      text文本输入框

      password密码输入框

      radio单选框

      checkbox多选框

      submit提交按钮

      button按钮(需要配合js使用.)button和submit的区别？

      file提交文件：form表单需要加上属性enctype="multipart/form-data"上传文件注意两点：请求方式必须是postenctype="multipart/form-data"

      <2>表单属性

      name:表单提交项的键.

      注意和id属性的区别：

      name属性是和服务器通信时使用的名称；而id属性是浏览器端使用的名称，该属性主要是为了方便客户端编码，而在css和javascript中使用的

      value:表单提交项的值.对于不同的输入类型，value属性的用法也不同：

      checked:radio和checkbox默认被选中

      readonly:只读.text和password

      disabled:对所用input都好使.