互联网上标准资源的地址,能够从互联网上获得的资源的位置和访问方法。javascript
组成部分:协议,服务器地址,资源路径。css
Web Browser
,中文名为网页浏览器,是一个显示网页服务器或者档案系统内的HTML文件,并让用户与这些文件互动的软件。Web Server
,中文名为网页服务器,WEB
服务器,主要是提供网上信息浏览服务。Web
服务器能够解析HTTP
协议,当Web
服务器接收到一个HTTP
请求时,会返回一个HTTP
响应,客户端就能够从服务器上获取网页html
,包括css
,js
,视频,音频等。
web
开发主要分前端和后端两部分。html,js,css
等。web
系统开发过程html
项目提出,需求分析,(设计,ui设计,系统设计),(开发,前端开发,后台开发),系统测试,开发与维护。前端
XHTML
是可扩展超文本标记语言,是一种更纯洁,更严格,更规范的html
代码。html
文件由文件头和文件体两部分组成。双标签:由“开始标签”和“结束标签”两部分构成,必须成对使用,且必须合理嵌套。单标签:在开始标签中进行关闭(以开始标签的结束而结束)。java
在HTML
中,规定了8个全局标准属性。web
class
用于定义元素的类名。id
用于指定元素的惟一id
。style
用于指定元素的行内样式。title
用于指定元素的额外信息。accesskey
用于指定激活某个元素的快捷键。支持accesskey
属性的元素有<a>, <area>, <button>, <input>, <label>, <legend>, <textarea>
。
tabindex
用于指定元素在tab
键下的次序。支持tabindex
属性的元素有<a>,<area>,<button>,<input>,<object>,<select>,<textarea>
dir
用于指定元素中内容的文本方向。dir
的属性值只有ltr
和rtl
两种,分别是left to right
和right to left
。
lang
用于指定元素内容的语言。Window
窗口事件onload
,在页面加载结束后触发。onunload
,在用户从页面离开时触发,如单击跳转,页面重载,关闭浏览器窗口等。Form
表单事件onblur
,当元素失去焦点时触发。onchange
,在元素的元素值被改变时触发。onfocus
,在元素得到焦点时触发。onreset
,当表单中的重载按钮被点击时触发。onselect
,在元素中文本被选中后触发。onsubmit
,在提交表单时触发。Keyboard
键盘事件onkeydown
,在用户按下按键时触发。onkeypress
,在用户按下按键后,按着按键时触发。该属性不会对全部按键生效,不生效按键如:alt
,ctrl
,shift
,esc
。
onkeyup
,当用户释放按键时触发。Mouse
鼠标事件onclick
,当在元素上单击鼠标时触发。ondblclick
,当在元素上双击鼠标时触发。onmousedown
,当在元素上按下鼠标按钮时触发。onmousemove
,事件会在鼠标指针移动时发生。onmouseout
,当鼠标指针移出元素时触发。onmouseover
,事件会在鼠标指针移动到指定的元素上时发生。onmouseup
,当在元素上释放鼠标按钮时触发。onabort
,当退出媒体播放器时触发。onwaiting
,当媒体已中止播放但打算继续播放时触发。一个HTML文档包含的标签
<!DOCTYPE>
,声明文档类型。<html>
,HTML元素真正的根元素。<head>
,定义html
文档的文档头。head中包含的元素 title,定义HTML文档的标题 base,为页面上的全部连接规定默认地址或者默认目标 link,用于定义文档与外部资源之间的关系 meta,提供关于HTML的元数据 style,用于为HTML文档定义样式信息 script,用于定义客户端脚本 复制代码
body
,定义html
文档的文档体。content-Type
,用于设定网页的字符集,便于浏览器解析与渲染页面。代码:数据库
<meta http-equiv="content-Type` content="text/html"; charset=utf-8"> 复制代码
cache-control
,用于告诉浏览器如何缓存某个响应及缓存多长时间。参数:后端
no-cache,发送请求,与服务器确认该资源是否被更改,若是没有,则使用缓存 no-store,容许缓存,每次都要去服务器上下载完整的响应 public,缓存全部响应 private,只为单个用户缓存 max-age,表示当前请求开始,相应响应在多久内能被缓存和重用,不去服务器从新请求,max-age=60表示响应能够再缓存和重用60秒 <meta http-equiv=cache-control" content="no-cache"> 复制代码
expires
,用于设定网页的到期时间,过时后从新到服务器上从新传输。refresh
,网页将在设定的时间内,自动刷新并转向设定的网址Set-Cookie
,用于设置网页过时。<span>,<div>
,<span>
是内联标签,用在一行文本中,<div>
是块级标签。DIV+CSS
div
用于存放须要显示的数据,css
用于指定如何显示数据样式,作到结构与样式相互分离。浏览器
查看div+css样式HTML:点击下方连接跳转,可查看源码:缓存
<b>
,定义粗体文本<big>
,定义大号字<em>
,定义着重文字<i>
,定义斜体字<small>
,定义小号字<strong>
,定义加剧语气<sub>
,定义下标字<sup>
,定义上标字<ins>
,定义插入字<del>
,定义删除字<code>
,定义计算机代码<kbd>
,定义键盘输出样式<samp>
,定义计算机代码样本<tt>
,定义打字机输入样式<pre>
,定义预格式文本<abbr>
,定义缩写<acronym>
,定义首字母缩写<address>
,定义地址<bdo>
,定义文字方向<blockquote>
定义长的引用<q>
,定义短的引用语<cite>
,定义引用,引证<dfn>
,定义一个概念,项目<img src="图片的url" alt = "图像的替代文本"> 复制代码
<a>
标签的target
属性,默认值为_self
。值
说明
_self
在超连接所在框架或窗口中打开目标页面
_blank
在新浏览器窗口中打开目标页面
_parent
将目标页面载入含有该连接框架的父框架集或父窗口中
_top
在当前的整个浏览器窗口中打开目标页面,所以会删除全部框架
<a></a>
标签之间的元素内容为文本内容。#+对应的锚点
,锚点一般用惟一属性值id
设定。图像热区连接,是什么呢?当你在看一些购物网页的时候,一张图片上,能够在不一样的地方连接到不一样的目标位置,点击不一样的地方能够跳转到不一样的网页,这也是作商城项目通常要用到的技术。
这个时候不是<a>
标签元素了,而是<area>
元素。
<area>
元素的属性有两个shape
,cords
属性。
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连接主要是看到有不少官方网页须要作的一个打开一封新的电子邮件。
点击下方连接便可看到效果:
代码:
<a href="mailto:xxxxxx@qq.com">联系咱们</a> 复制代码
点击JavaScript连接:
点击弹窗
代码:
<a href="javascript:alert('哈哈,你点击了!');">点击弹窗</a> 复制代码
空连接的代码:
javascript: void(0) <a href=""></a> <a href="#"></a> <a href="javascript:void(0)"></a> 复制代码
整合列表html网页,点击跳转:ul-ol.html
<ul>
定义无序列表,<li>
定义列表项。<ul>
的type
属性值:disc
点,square
方块,circle
圆,none
无.
<ol>
定义有序列表,<li>
定义列表项。<ol>
的type
属性值:数字,大写字母,大写罗马数字,小写字母,小写罗马数字。
start
属性定义序号的开始位置。
<dl>
,定义列表内部能够有多个列表项标题,每一个列表项标题用<dt>
标签订义,列表项标题内部又能够有多个列表项描述,用<dd>
标签订义。