html
域名解析域名 -->ip地址 -- 192.168.1.10https://192.168.1.10:80 -->www.jd.com -->DNS解析 {'www.jd.com':'192.168.1.10',}https默认端口是80URL是统一资源定位器(Uniform Resource Locator)的缩写,也被称为网页地址,是因特网上标准的资源的地址。URL举例http://www.sohu.com/stu/intro/1.htmlhttp://222.172.123.33/stu/intro/1.htmlURL地址由4部分组成第1部分:为协议:http://、ftp://等 第2部分:为站点地址:可以是域名或IP地址第3部分:为页面在站点中的目录:stu第4部分:为页面名称,例如 index/1.html各部分之间用“/”符号隔开。请求和响应请求:浏览器socket客户端给服务端发信息响应:服务端socket给客户端回息import socketserver = socket.socket()server.bind(('192.168.43.127',80))server.listen()while 1: conn, addr = server.accept() from_browser_msg = conn.recv(1024).decode('utf-8') #请求 print(from_browser_msg) conn.send(b'HTTP/1.1 200 ok\r\n\r\n') #响应格式必须和请求格式一致 # conn.send(b'hello') conn.send(b'sao welcome to hongkong ') with open('111/1.html','rb') as f: data = f.read() conn.send(data) conn.close()HTMLHtml标签:超文本标记语言,就是标记用的.必须是封闭的,有自封闭的如: 有全封闭: 标签属性 id='xx' asdfasfd='xxx'lang属性 的值是‘en’标签的语法:<标签名 属性1=“属性值1” 属性2=“属性值2”……>内容部分<标签名 属性1=“属性值1” 属性2=“属性值2”…… />有些属性是没有特殊的效果的,而有些属性是有效果的,比如 s='name'是没什么效果的。标签分类内联标签(行内标签):不独占一行,内敛标签只能嵌套内敛标签。如b\i\u\stonn\a等。块级标签(行外标签):自己独占一行,可以嵌套内敛标签和某些块级标签。如\h1-h6\br\hr\p等。块级元素与行内元素的区别:块元素是以另起一行开始渲染的元素,行内元素则不需另起一行。如果单独在网页中插入这两个元素,不会对页面产生任何的影响。注意:p标签:不能嵌套p标签,也不能嵌套块级标签。head标签中常用标签标签意义 定义网页标题定义内部样式表定义JS代码或引入外部JS文件 引入外部样式表文件 定义网页原信息\配置信息Meta标签标签位于文档的头部,不包含任何内容。提供的信息是用户不可见的。meta标签的组成:meta标签共有两个属性,它们分别是http-equiv属性和name属性,不同的属性又有不同的参数值,这些不同的参数值就实现了不同的网页功能。http-equiv属性:相当于http的文件头作用,它可以向浏览器传回一些有用的信息,以帮助正确地显示网页内容,与之对应的属性值为content,content中的内容其实就是各个参数的变量值。 #如果把URL和后面的内容去掉,就是2秒钟刷新一次。 name属性: 主要用于描述网页,与之对应的属性值为content,content中的内容主要是便于搜索引擎机器人查找信息和分类信息用的。 #关键字,也就是别人是可以通过这些关键字搜索到我的这个文章的,搜索引擎就是能够这个content内容来帮别人搜索到你的这个文档的#SEO:让网站在别人搜索的时候能够靠前显示。 #是对这个文档的描述,在百度一些内容的页面上。 浏览器 -- 内核 IE -- trident chrome --- blink 火狐 --- gecko Safari --- webkitPS:「浏览器内核」也就是浏览器所采用的「渲染引擎」,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。渲染引擎是兼容性问题出现的根本原因。body标签中的基本标签不加标签的纯文字也是可以在body中写加粗 斜体 下划线 删除 段落标签
创新互联建站 主营湖州网站建设的网络公司,主营网站建设方案,成都App定制开发 ,湖州h5微信小程序开发 搭建,湖州网站营销推广欢迎湖州等地区企业咨询#独占一个段落标题1 标题2 标题3 标题4 标题5 标题6 #就是单独个一个水平线特殊字符(可直接百度搜HTML特殊符号对照表内容对应代码空格(html中加多少个都是显示一个空格效果,需要特殊字符才能显示出空格效果)>><<&&¥¥版权标识(写公司网站的时候会用到) 注册(一个圆圈里面有个R) div标签和span标签 div标签用来定义一个块级元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。span标签用来定义内联(行内)元素,并无实际的意义。主要通过CSS样式为其赋予不同的表现。img标签图片标签属性 src='图片路径' 网络地址的绝对路径\本地相对路径示例: a标签超链接标签:是指从一个网页指向一个目标的连接关系,这个目标可以是另一个网页,也可以是相同网页上的不同位置,还可以是一个图片,一个电子邮件地址,一个文件,甚至是一个应用程序。href:超链接的地址target:是否新建窗口target="_self" 当前窗口打开某个路径对应的html页面(默认)target="_blank" 新建窗口打开某个路径对应的html页面示例: 百度href属性指定目标网页地址。该地址可以有几种类型:绝对URL - 指向另一个站点(比如 href="http://www.jd.com)相对URL - 指当前站点中确切的路径(href="index.htm") #django用的比较多锚URL - 指向页面中的锚点(href="#top")列表标签无序列表:type属性: disc(实心圆点,默认值) circle(空心圆圈) square(实心方块) none(无样式)有序列表第一项 第二项 type属性:start是从数字几开始 1 数字列表,默认值 A 大写字母 a 小写字母 Ⅰ大写罗马 ⅰ小写罗马标题列表标签标题1 内容1 标题2 内容1 内容2 表格标签表格是一个二维数据空间,一个表格由若干行组成,一个行又有若干单元格组成,单元格里可以包含文字、列表、图案、表单、数字符号、预置文本和其它的表格等内容。表格最重要的目的是显示表格类数据。表格类数据是指最适合组织为表格格式(即按行和列组织)的数据。姓名 年龄 爱好 lusa 18 book haha 18 book
属性: border: 表格边框. cellpadding: 内边距 (内边框和内容的距离) cellspacing: 外边距.(内外边框的距离) width: 像素 百分比.(好通过css来设置长宽) rowspan: 单元格竖跨多少行 colspan: 单元格横跨多少列(即合并单元格)input标签 元素会根据不同的 type 属性,变化为多种形态。属性 表现形式 对应代码text 单行输入文本 password 密码输入框(不显示明文) date 日期输入框 checkbox 复选框 name值相同的为一组radio 单选框 name值相同的为一组submit 提交按钮 发送浏览器上输入标签中的内容,配合form表单使用,页面会刷新,会将整个form表单中的输入提交,提交数据为name的值=value的值,value以输入的为准(text),若是选择框则需指定value的默认值。reset 重置按钮 页面刷新,将所有输入的内容清空button 普通按钮 在form表单中的按钮同submit。hidden 隐藏输入框 file 文本选择框 属性说明: name:表单提交时的“键”,注意和id的区别 value:表单提交时对应项的值 type="button", "reset", "submit"时,为按钮上显示的文本内容 type="text","password","hidden"时,为输入框的初始值 type="checkbox", "radio", "file",为输入相关联的值 checked:默认选中,radio和checkbox默认被选中的项 readonly:text和password设置只读 disabled:不允许操作,什么叫软文营销? 所有input均适用设置了readonly的标签,它的数据可以被提交到后台,设置了disabled的数据,是不能提交到后台的 女 女 #简写方式,当属性名和属性值相同时可简写form标签功能: 1. 表单用于向服务器传输数据,从而实现用户与Web服务器的交互 2. 表单能够包含input系列标签,比如文本字段、复选框、单选框、提交按钮等等。 3. 表单还可以包含textarea、select、fieldset和 label标签。form标签 ,表单标签和input标签,用户输入或者选择使用的标签。表单属性 属性 描述 accept-charset 规定在被提交表单中使用的字符集(默认:页面字符集)。action 规定向何处提交表单的地址(URL)(提交页面)。 autocomplete 规定浏览器应该自动完成表单(默认:开启)。 enctype 规定被提交数据的编码(默认:url-encoded)。 method 规定在提交表单时所用的 HTTP 方法(默认:GET)。 name 规定识别表单的名称(对于 DOM 使用:document.forms.name)。novalidate 规定浏览器不验证表单。 target 规定 action 属性中地址的目标(默认:_self)。 **表单元素**基本概念: 1. 表单往往和脚本、动态页面、数据处理等功能相结合,因此它是制作动 态网站很重要的内容。 2. 表单一般用来收集用户的输入信息表单工作原理: 1. 访问者在浏览有表单的网页时,可填写必需的信息,然后按某个按钮提交。这些信息通过Internet传送到服务器上。 2. 服务器上专门的程序对这些数据进行处理,如果有错误会返回错误信息,并要求纠正错误。当数据完整无误后,服务器反馈一个输入完成的信息。action:指定数据提交路径 form表单触发提交数据的操作,必须写在form表单标签里面,写在外面就是普通的按钮select标签 下拉选择框 属性说明:multiple:布尔属性,设置后为多选下拉框,否则默认单选disabled:禁用selected:默认选中该项value:定义提交时的选项值单选 北京 上海 深圳 多选:multiple 北京 上海 深圳 label标签定义:标签为 input 元素定义标注(标记)。说明:label 元素不会向用户呈现任何特殊效果。但是点击label标签里面的文本,那么和他关联的input标签就获得了光标,让你输入内容标签的 for 属性值应当与相关元素的 id 属性值相同。方式1 执行对哪个标签进行标识效果:点击label标签中的文字,就能让标识的标签获得光标用户名 方式2: 密码: textarea多行文本属性说明:name:名称。rows:行数 ,相当于文本框高度设置。cols:列数 ,相当于文本框长度设置。disabled:禁用。maxlength:显示字符数,例如:maxlength='10' 最多输入十个字符。
文章标题:html
地址分享:
http://cdxtjz.com/article/chhisg.html