如何破解usb加密狗软件

互联网上标准资源的地址,能够从互联网上获得的资源的位置和访问方法。javascript

组成部分:协议,服务器地址,资源路径。css

  1. Web Browser,中文名为网页浏览器,是一个显示网页服务器或者档案系统内的HTML文件,并让用户与这些文件互动的软件。
  2. Web Server,中文名为网页服务器,WEB服务器,主要是提供网上信息浏览服务。
Web服务器能够解析 HTTP协议,当 Web服务器接收到一个 HTTP请求时,会返回一个 HTTP响应,客户端就能够从服务器上获取网页 html,包括 cssjs,视频,音频等。
  1. web开发主要分前端和后端两部分。
  2. 前端是指直接与用户接触的网页,网页上一般有html,js,css等。
  3. 后端是指程序,数据库和服务器层面的

web系统开发过程html

项目提出,需求分析,(设计,ui设计,系统设计),(开发,前端开发,后台开发),系统测试,开发与维护。前端

HTML基础知识

  1. HTML的历史:HTML,XHTML
  2. HTML的全局属性:全局标准属性,全局事件属性
  3. HTML的元素:

  1. 标记语言,是一种将文本以及与文本相关的其余信息结合起来,展示出关于文档结构和数据处理细节的电脑文字编码。
  2. HTML,为超文本标记语言。
  3. XHTML是可扩展超文本标记语言,是一种更纯洁,更严格,更规范的html代码。
  4. html文件由文件头和文件体两部分组成。
  5. 标签的分类:双标签,单标签。
双标签:由“开始标签”和“结束标签”两部分构成,必须成对使用,且必须合理嵌套。

单标签:在开始标签中进行关闭(以开始标签的结束而结束)。java

HTML的全局标准属性

HTML中,规定了8个全局标准属性。web

  1. class用于定义元素的类名。
  2. id用于指定元素的惟一id
  3. style用于指定元素的行内样式。
  4. title用于指定元素的额外信息。
  5. accesskey用于指定激活某个元素的快捷键。
支持 accesskey属性的元素有 <a>, <area>, <button>, <input>, <label>, <legend>, <textarea>
  1. tabindex用于指定元素在tab键下的次序。
支持 tabindex属性的元素有 <a>,<area>,<button>,<input>,<object>,<select>,<textarea>
  1. dir用于指定元素中内容的文本方向。
dir的属性值只有 ltrrtl两种,分别是 left to rightright to left
  1. lang用于指定元素内容的语言。

HTML的全局事件属性

Window窗口事件

  1. onload,在页面加载结束后触发。
  2. onunload,在用户从页面离开时触发,如单击跳转,页面重载,关闭浏览器窗口等。

Form表单事件

  1. onblur,当元素失去焦点时触发。
  2. onchange,在元素的元素值被改变时触发。
  3. onfocus,在元素得到焦点时触发。
  4. onreset,当表单中的重载按钮被点击时触发。
  5. onselect,在元素中文本被选中后触发。
  6. onsubmit,在提交表单时触发。

Keyboard键盘事件

  1. onkeydown,在用户按下按键时触发。
  2. onkeypress,在用户按下按键后,按着按键时触发。
该属性不会对全部按键生效,不生效按键如: altctrlshiftesc
  1. onkeyup,当用户释放按键时触发。

Mouse鼠标事件

  1. onclick,当在元素上单击鼠标时触发。
  2. ondblclick,当在元素上双击鼠标时触发。
  3. onmousedown,当在元素上按下鼠标按钮时触发。
  4. onmousemove,事件会在鼠标指针移动时发生。
  5. onmouseout,当鼠标指针移出元素时触发。
  6. onmouseover,事件会在鼠标指针移动到指定的元素上时发生。
  7. onmouseup,当在元素上释放鼠标按钮时触发。

Media媒体事件

  1. onabort,当退出媒体播放器时触发。
  2. onwaiting,当媒体已中止播放但打算继续播放时触发。

HTML元素

一个HTML文档包含的标签
  1. <!DOCTYPE>,声明文档类型。
  2. <html>,HTML元素真正的根元素。
  3. <head>,定义html文档的文档头。
head中包含的元素

title,定义HTML文档的标题
base,为页面上的全部连接规定默认地址或者默认目标
link,用于定义文档与外部资源之间的关系
meta,提供关于HTML的元数据
style,用于为HTML文档定义样式信息
script,用于定义客户端脚本
复制代码
  1. body,定义html文档的文档体。
  2. content-Type,用于设定网页的字符集,便于浏览器解析与渲染页面。

代码:数据库

<meta http-equiv="content-Type` content="text/html"; charset=utf-8">
复制代码
  1. cache-control,用于告诉浏览器如何缓存某个响应及缓存多长时间。

参数:后端

no-cache,发送请求,与服务器确认该资源是否被更改,若是没有,则使用缓存

no-store,容许缓存,每次都要去服务器上下载完整的响应

public,缓存全部响应

private,只为单个用户缓存

max-age,表示当前请求开始,相应响应在多久内能被缓存和重用,不去服务器从新请求,max-age=60表示响应能够再缓存和重用60秒

<meta http-equiv=cache-control" content="no-cache">
复制代码
  1. expires,用于设定网页的到期时间,过时后从新到服务器上从新传输。
  2. refresh,网页将在设定的时间内,自动刷新并转向设定的网址
  3. Set-Cookie,用于设置网页过时。
  4. 无语义元素:<span>,<div><span>是内联标签,用在一行文本中,<div>是块级标签。
DIV+CSS

div用于存放须要显示的数据,css用于指定如何显示数据样式,作到结构与样式相互分离。浏览器

查看div+css样式HTML:点击下方连接跳转,可查看源码:缓存

div-css.html

格式化元素

  1. 普通文本
  • <b>,定义粗体文本
  • <big>,定义大号字
  • <em>,定义着重文字
  • <i>,定义斜体字
  • <small>,定义小号字
  • <strong>,定义加剧语气
  • <sub>,定义下标字
  • <sup>,定义上标字
  • <ins>,定义插入字
  • <del>,定义删除字
  1. 计算机输出
  • <code>,定义计算机代码
  • <kbd>,定义键盘输出样式
  • <samp>,定义计算机代码样本
  • <tt>,定义打字机输入样式
  • <pre>,定义预格式文本
  1. 术语
  • <abbr>,定义缩写
  • <acronym>,定义首字母缩写
  • <address>,定义地址
  • <bdo>,定义文字方向
  • <blockquote>定义长的引用
  • <q>,定义短的引用语
  • <cite>,定义引用,引证
  • <dfn>,定义一个概念,项目

图片元素

<img src="图片的url" alt = "图像的替代文本">
复制代码

超连接元素

  1. <a>标签的target属性,默认值为_self

说明

_self

在超连接所在框架或窗口中打开目标页面

_blank

在新浏览器窗口中打开目标页面

_parent

将目标页面载入含有该连接框架的父框架集或父窗口中

_top

在当前的整个浏览器窗口中打开目标页面,所以会删除全部框架

  1. 文本连接是<a></a>标签之间的元素内容为文本内容。
  2. 锚点连接是用#+对应的锚点,锚点一般用惟一属性值id设定。

图像热区连接

图像热区连接,是什么呢?当你在看一些购物网页的时候,一张图片上,能够在不一样的地方连接到不一样的目标位置,点击不一样的地方能够跳转到不一样的网页,这也是作商城项目通常要用到的技术。

这个时候不是<a>标签元素了,而是<area>元素。

<area>元素的属性有两个shapecords属性。

shape 属性

说明

cords 属性

说明

circle

圆形

x,y,r

(x,y)为圆心坐标,r为半径

rect

矩形

x1,y1; x2,y2

(x1,y1)为左上角坐标,(x2,y2)为右下角坐标

poly

多边形

x1,y1;x2,y2;x3,y3;...

分别是各个点的点坐标

<area>的坐标系,原点为图片的左上角,x轴正方向向右,y轴正方向向下

我画个图哈,反映<area>的坐标系:

图像热区连接的使用,<map>标签订义一个image-map,能够含一个以上的热区<area>,每一个热区都有独立的连接。

要为<map>标签赋予name属性。

<img>标签的usemap属性与<map>标签的name属性相关联。

为了证实我学会了,我写一个html页面。

map -> name="image_link"

img -> usemap="#image_link"
复制代码

点击跳转:imgmap.html

e-mail连接

e-mail连接主要是看到有不少官方网页须要作的一个打开一封新的电子邮件。

点击下方连接便可看到效果:

联系咱们

代码:

<a href="mailto:xxxxxx@qq.com">联系咱们</a>
复制代码

javascript连接

点击JavaScript连接:

点击弹窗

代码:

<a href="javascript:alert('哈哈,你点击了!');">点击弹窗</a>
复制代码

空连接

  1. 空连接是指未指派目标地址的超连接。

空连接的代码:

javascript: void(0)

<a href=""></a>

<a href="#"></a>

<a href="javascript:void(0)"></a>
复制代码

列表元素

整合列表html网页,点击跳转:ul-ol.html

  1. 无序列表,<ul>定义无序列表,<li>定义列表项。

<ul>type属性值:disc点,square方块,circle圆,none无.

  1. 有序列表,<ol>定义有序列表,<li>定义列表项。

<ol>type属性值:数字,大写字母,大写罗马数字,小写字母,小写罗马数字。

start属性定义序号的开始位置。

  1. 定义列表<dl>,定义列表内部能够有多个列表项标题,每一个列表项标题用<dt>标签订义,列表项标题内部又能够有多个列表项描述,用<dd>标签订义。
相关文章
相关标签/搜索