一次完整的http请求过程
http协议（浏览器到服务器的一个过程）
1：域名解析（DNS）-----得到服务器IP地址，就可以访问。
Ipconfig------查看本机IP地址
我们要访问网站（网页），最原始的方式是通过IP地址，但是IP地址很难记，所以我们通常会通过域名的形式来对应IP地址，因为域名很好记（baidu.com------14.215.177.39）
域名解析在本机产生（缓存时间为一分钟（为什么是一分钟：因为IP地址可以随时更改））
localhost就是本机IP地址
2：TCP建立连接（三次握手）—建立 本机与服务器
3：建立TCP
4：服务器端响应http请求，浏览器得到http 代码
5：浏览器解析html代码，并请求html代码钟的资源
6：浏览器对页面进行渲染呈现给用户
Bin: 存放主程序相关文件
Jre lib：相关文件库
Plugins:插件（相关配置）
HTML-----------HyperText Markup Languang
file：文件，一般有保存打开，设置等功能。
Edit：编辑，粘贴复制等功能
View：视图
Navigate: 导航
2019年9月10日星期二
HTTP：超文本传输协议（HyperText Transfer）
URL（Uniform Reource Locator）：统一资源定位符
语法：http:
:主机域名
端口号
:请求访问文件的路径
?:传递的参数
B/S：浏览器/服务端架构 淘宝网
C/S：客户端/服务器架构 QQ
HTML：超文本标记语言
HTML文档由HTML标签和用户定义的内容组成
HTML:控制页面显示的内容
标签可以分为单标签和成对标签
成对标签使用起始标签“《标签名》和结束标签《/标签名》
HTML常用标签：mete标签，文本标签，列表标签，分割线标签，超级连接标签，图像标签等
标签：是的子标签，主要用于定义页面的一些相关信息
标签分为HTTP标签信息（http-equiv）和页面描述信息（name）
文本，图像，超级链接是网页的三大基本要素
超级链接就是页面与页面之间的连接
一：字体标签（font）----定义字体(成对标签) （行级标签）
Font里的三大属性：size color face（字体类型）
语法：<font 属性=”属性值”>
1：
-----表示换行符（是单标签）
2：html当中的注释符为-----
3：
是成对标签， 不换行，里面有 size color face三个属性，用于修饰字体的样式----行级标签 不能自动换行
4：HTML中提供了六级标题，为
至
。其中，
字体最大，
字体最小。
标题属于块级元素，浏览器会自动在标题前后加上空行。（自动换行）
二：段落标签---------将文字内容变成一个段落,可以换行（块级标签
--------居中标签有一个属性align，用来指定文本显示时的对齐方式，可取center、left、right三个值。
注意：标签的属性只能作用于标签里的内容，不能作用嵌套标签里面的内容！
eg：
春晓1
春晓2
春晓1能够居中，春晓2不能居中三：特色字符
空格： 
四：列表（无序列表，有序列表，定义列表）
无序列表（unordered list）：使用标签
- 定义,有项列表
有序列表（ordered list）;使用标签
- 定义
五：分隔线
标签可以在HTML页面中创建一条水平线，水平线可以将文档分隔成若干个部分。其属性及可取值如表所示。
六：.超链接
创建文本链接使用一对标签，其格式如下：
文本
其中，href指文本链接的目标资源的地址，target指在何处打开目标资源。target的可取值及其含义如表所示。
重点属性：target=” _blank “: 新窗口跳转
默认： 当前页面跳转
补充：
1. 加粗的效果 相当于 加粗的效果
2.斜体 斜体
3. 删除线 删除线
2019年9月17日星期二 ngrdaiwx@163.com
锚链接：网页内容过长，有时需要链接到其他网页的某个指定位置，则需要使用锚链接。
<a name=” 值 ”>
<a href=”# 值 ”>
图像属性：src,alt,height,width等（红色标注的属性是必需的）
Src:引用图像的URL（图像的所在地址），一般用相对路径
相对路径：相对于当前文件的路径 …/：跳在上个路径
绝对路径：文件的绝对地址
相对路径和绝对路径的区别：
Alt:图像的替代文本
表格：用
表格中的每行：用标签定义
每行的一个单元格：用标签定义 标签用在标签里
Table标签是属性：1border（表示表格边框的宽度）
2cellspacing（表示相邻单元格的间距，单元格外边沿与表格边沿之间的间距）
3cellpadding（表示单元格边沿与单元格里的内容之间的间距）
4colspan跨列
5rowspan跨行
设置样式属性的二种方式
1；直接在标签（默认样式）里面写
eg:
2;写在style=“样式“ ，style里面
Eg:
注意：第一种方式，属性与值之间，使用“=“连接。
第二种方式，属性与值之间用“：“连接
2019年9月24日星期二
表单就是一个容器，存储信息的容器
Name指的是表单的名字（驼峰命名法） register注册 login登陆
Id指的是表单的唯一标识符
Id name必须写上，以后js和服务器会用
Action指的是处理表单或者接收表格
是放在标签
表单
是一个容器，用来存储客户端（浏览器）用户填写的信息的容器，通过提交按钮将表单容器里面的信息提交到服务器存储起来，以后可以调用。
id：指的是表单的id（唯一），js通过表单id操作表单
如身份证号
501107 19990909 0832(X)
name：指的是表单的名字（不唯一），同上
action：指的是处理表单或者接收表单信息的url
method：指的是表单提交的方法，默认get（不安全）post（安全）
标签（表单里面的控件）
标签用来定义的控件
表单中可以包含很多控件，其中，用标签定义的控件有单行文本框、密码框、提交按钮、重置按钮、普通按钮、单选按钮、复选框以及上传文件按钮等。这些控件是表单的核心控件，在表单设计中被频繁地使用。
（1）单行文本框
单行文本框指的是表单中可以输入一行文本的输入框，通过设置标签的type属性为text来指定。其格式如下：
其中：
name指的是单行文本框的名称；
value指的是单行文本框的默认的初始值；
size指的是单行文本框的显示宽度；
maxlength指的是单行文本框允许用户输入的最大的字符数；
onchange指的是当文本框内文本发行改变时调用的脚本语句或函数；
onselect指的是当文本框内的文本被选中时调用的脚本语句或函数；
onfocus指的是当文本框获得焦点时调用的脚本语句或函数；
onclick
（2）密码框
密码框通过指定标签的type属性值为password来实现。在密码框中输入字符时，显示的都是*或者实心圆点，密码框的用法和单行文本框的用法基本相同，其格式如下：
（3）提交按钮
提交按钮通过指定标签的type属性值为submit来实现。单击了提交按钮后，提交按钮所在的表单的内容会被提交到表单标签中action属性所指的处理程序。提交按钮的使用格式如下：
其中，value指的是提交按钮上显示的提示文字，一般为“Submit”或者“提交”。
（4）重置按钮
重置按钮通过指定标签的type属性值为reset来实现。当单击重置按钮时，重置按钮所在的表单中的所有控件的内容将会被清除，回到控件的默认的初始值，可以重新在控件中输入数据。重置按钮的使用格式如下：
其中，value指的是重置按钮上显示的提示文字，一般为“Reset”或者“重置”。
（5）普通按钮
除了以上提交按钮和重置按钮之外，还可以使用普通按钮。通过设置标签的type属性值为button来实现。在表单中使用普通按钮，必须使用onclick调用处理脚本或脚本函数，使用格式如下：
其中：
name指的是普通按钮的名字；
value指的是普通按钮上的提示文字；
onclick指的是当单击普通按钮时执行的脚本语句或函数；
onfocus指的是当普通按钮获得焦点时执行的脚本语句或函数；
（6）单选按钮
单选按钮通过指定标签的type属性值为radio实现，其格式如下：
其中：
name指的是单选按钮的名称，多个单选按钮属于同一个选项组，必须具有相同的name值；
value指的是单选按钮的值；
checked属性项可选，如果单选按钮的默认状态为被选中，则将checked写在其属性列内；如果不将checked写在其属性列内，则单选按钮的默认状态为未选中；
onclick指的是当单击单选按钮时执行的脚本语句或脚本函数；
onfocus指的是当单选按钮获得焦点时执行的脚本语句或脚本函数；
（7）复选按钮
复选按钮通过指定标签的type属性值为checkbox来实现。其使用格式如下：
复选按钮默认的选中状态也通过checked指定，多个复选按钮是否处于同一个选项组也通过name属性指定。其属性可参照单选按钮的属性说明。
（8）隐藏域
表单中的隐藏域在浏览器中是不可见的，因此用户不能借助隐藏域进行交互操作。一般通过隐藏域来传递一些为开发者服务的信息，例如动态方法的调用、Session会话跟踪等。隐藏域通过指定标签的type属性值为hidden来实现，其格式如下：
（9）上传文件域
上传文件域通过指定标签的type属性值为file来实现。它包括一个文本框和一个按钮。其格式如下：
其中：
name指的是上传文件域的名称；
value指的是上传文件域中的按钮的提示文字，一般为“选择文件”或“浏览……”。
（10）日期选择框
生日：
(11)文本域
文本域
(12)下拉菜单
下拉列表使用一对标签来实现，其格式如下：
1.表单当中 有 id 、name 这两个共同属性
2. 当中通过改变 type的值来改变控件类型，type里面有 10中类型
text、 password 、 submit 、 reset、 button、 radio 、 checkbox、hidden、file、date
2019年10月8日星期二
HTML5：是Web应用开发的一系列标准，包括：HTML5新标签，CSS3Javescript API(API程序应用接口（不需要关心应用程序的内部实现，只需要知道接口名，调用即可）)
什么是 HTML5
HTML5并不仅仅只是做为HTML标记语言的一个最新版本，更重要的是它制定了Web应用开发的一系列标准，成为第一个将Web做为应用开发平台的HTML语言。
HTML5定义了一系列新元素（新标签），如新语义标签、智能表单、多媒体标签等，可以帮助开发者创建富互联网应用，还提供了一些Javascript API，如地理定位、重力感应、硬件访问等，可以在浏览器内实现类原生应用。我们甚至可以结合 Canvas 开发网页版游戏。
HTML5的广义概念：HTML5代表浏览器端技术的一个发展阶段。在这个阶段，浏览器的呈现技术得到了飞跃发展和广泛支持，它包括：HTML5新标签、CSS3、Javascript API在内的一套技术组合。
HTML5不等于 HTML next version。HTML5 包含： HTML的升级版、CSS的升级版、JavaScript API的升级版。
总结：HTML5是Web应用开发的一系列标准。包括：HTML5，CSS3，Javascript API在内的一套技术组合。
API(application program interface)：程序应用接口（不需要关心应用程序的内部实现，只需要知道接口名，调用即可。）
HTML5 的应用场景
列举几个HTML5 的应用场景：
（1）极具表现力的网页：内容简约而不简单（代码实现）。
（2）网页应用程序：
• 代替PC端的软件：iCloud、百度脑图、Office 365等。
• APP端的网页：淘宝、京东、美团等。（通过网页实现的web应用程序）
• 微信端：公众号、小程序等。
（3）混合式本地应用。
（4）简单的游戏。(html5 代替了flash做动画)
HTML5 新增的内容
之前说过，html是包括：HTML5，CSS3，Javascript API在内的一套技术组合，我们现在只介绍关于HTML中新增加的部分。
总结：HTML的职责是描述一块内容是什么（或其意义），而不是它长什么样子；它的外观应该由CSS来决定。
H5中新增的语义标签
•
•
•
•
代码解释：
标签将表单里的内容进行打包，代表一组；而 标签的则是 fieldset 里的元素定义标题。多媒体
在HTML5之前，在网页上播放音频/视频的通用方法是利用Flash来播放。但是大多情况下，并非所有用户的浏览器都安装了Flash插件，由此使得音频、视频播放的处理变得非常复杂；并且移动设备的浏览器并不支持Flash插件。
H5里面提供了视频和音频的标签。
音频
HTML5通过标签来解决音频播放的问题。
使用举例：
效果如下：
我们可以通过附加属性，来更友好地控制音频的播放，如：
• autoplay 自动播放。写成autoplay 或者 autoplay = “”，都可以。
• controls 控制条。（建议把这个选项写上，不然都看不到控件在哪里）
• loop 循环播放。
• preload 预加载 同时设置 autoplay 时，此属性将失效。
处理兼容性问题：
由于版权等原因，不同的浏览器可支持播放的格式是不一样的：
为了做到多浏览器支持，可以采取以下兼容性写法：
抱歉，你的浏览器暂不支持此音频格式 代码解释：如果识别不出音频格式，就弹出那句“抱歉”。 视频 HTML5通过标签来解决视频播放的问题。 使用举例： 我们可以通过附加属性，来更友好地控制视频的播放，如： • autoplay 自动播放。写成autoplay 或者 autoplay = ""，都可以。 • controls 控制条。（建议把这个选项写上，不然都看不到控件在哪里） • loop 循环播放。 • preload 预加载 同时设置 autoplay 时，此属性将失效。 • width：设置播放窗口宽度。 • height：设置播放窗口的高度。 由于版权等原因，不同的浏览器可支持播放的格式是不一样的：兼容性写法：
抱歉，不支持此视频
2001
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
