张孝祥JavaScript教程笔记:HTML基础(三)-URL,图像标签,图像地图

html基础|javascript|笔记|教程

  URL

  如果ftp服务器使用的是默认的端口23,那也如同http对于80一样,不用写;

  URL是大小写敏感的;

  如果没有明确设置基准URL,则相对URL会使用当前网页的目录路径做为基准URL;

  /表示根目录;   ../表示当前目录的父目录;  ./表示当前目录;

  相对URL的好处就是当把网页和资源移到别的服务器上的时候,
  如果使用绝对URL,你不得不对所有的URL进行更改,而相对URL就可以
  保证网页对资源的请求的URL不必做改动,只要保证他们的相对文件系统关系就行;

  参数的传递:
  ?name=zhangsan&password=fuck  参数值可以为空;
 
  定位标记:
 http://www.cao.org/index.html#section2,就和href中的name属性定义的定位标记的效果一样;
 
  URL编码:

  Java中的URL编码类的方法:

URLEncode.encode(String s,String 字符集)throws UnsupportedEncodingException

  规则:

  将空格转换为+
  0-9,a-z,A-Z的字符不变;
  其他:%加上当前字符的当前字符集内存中的十六进制格式;
 说明:
  如果能够确信URL串的特殊字符没有引起使用上的歧义或者冲突,
  可以不编码:http://www.sohu.com/index.html?name=中国
 URL的协议和权限部分一般不需要编码;  

mailto URL: mailto:format_jade@163.com?subect=Feedback&body=how%20areyou!

  抄送:收件人可以看到你还给另外的谁发了相同的邮件;

  有些软件为了方便,就是不遵守标准;

  图像标签
 
<img>的属性:
 alt:当属性移动到图像上的时候,图像上方显示的提示
     文本;当图像无法加载时,这个提示会显示在图像应该出现的位置上;
 align:
 border:
 width:
 height:
<img src="xxx">向web服务器请求xxx数据;注意这个xxx是个URL,它并不一定要是个图像
  文件名,反正是对xxx的请求,那这个xxx也可以是个jsp之类的程序;
  由这个jsp程序返回一个图像或者绘制一个图像完全不成问题哦!
 

  图像地图

  图像超级链接:<a href="url"><img src="url"></a> 就是用图像作为链接的提示而不是文字;

  shit,不是吧,如果用代理上网的话,竟然无法用localhost访问本机而只能通过127.0.0.1;
  可见,localhost与127.0.0.1的访问路径一定不一样;
  可见,浏览器选项中的“对本地不使用代理”原来直接针对的就是localhost;

  分为服务器端图像地图和客户端图像地图;

  客户端图像地图

1,图像热点映射: <map name=mapname></map>
2,<area shape=xingzhuang coords=zuobiao href=url> 如果href替换为nohref;
 <area>的属性target指明浏览器在哪个2窗口或帧中显示href属性所指向的网页资源;
3,<image usemap="#mapname">;

  举例:

<img src="http://www.webjx.com/htmldata/2005-10-23/x.jpg" border=0 usemap="#mymap">
<map name="mymap">
 <area shape="rect" coords="0,0,50,50" href="http://www.sohu.com"></area>
 <area shape="rect" coords="50,0,100,50" href="http://www.baidu.com"></area>
 <area shape="rect" coords="100,0,150,50" href="http://www.163.com"></area>
</map>
*********
shape=rect/poly/circle

时间: 2024-09-10 23:20:42

张孝祥JavaScript教程笔记:HTML基础(三)-URL,图像标签,图像地图的相关文章

张孝祥JavaScript教程笔记:HTML基础(二)

html基础|javascript|笔记|教程 相关文章:张孝祥JavaScript教程笔记:HTML基础(一)  不要试图用enter键来在浏览器中换行,而是用<br>;<nobr>防止系统自动换行:<block>缩近:<marquee behavior="slide"/"scroll"/"alternate" direction="up"/"down"/&quo

张孝祥JavaScript教程笔记:HTML基础

html基础|javascript|笔记|教程 了解html语言 网站开发老手认为html是最微不足道的技术,但它是基础:HyperText Markup Language;扩展名可以是:.html或者.htm;<>:开始标签:</>:结束标签:标签也可以称为容器:单独标签可以单独使用,比如<br>: 不必严格区分元素和标签的概念: 属性值可以不用引号,也可以用引号:用的话可以是双引号,也可以是单引号:有些属性只有两个可选值,则不必写属性值,写了属性名就表示true值,

JavaScript学习笔记之基础语法_基础知识

JavaScript中很多基础内容和Java中大体上基本一样,所以不需要再单独重复讲了,包括: 各种算术运算符.比较运算符.逻辑运算符: if else语句.switch语句: for循环.while循环.do while循环: 标签.break.continue: try catch throw语句. 可以查看文后的参考链接. 后面的内容都是JavaScript中不同的部分. 本文先说上面内容中的几个细节不同. 1.全等判断 JavaScript的比较运算符中有一个全等判断===,是用来判断值

JavaScript 学习笔记之基础中的基础_基础知识

概要:javascript的组成. 各个组成部分的作用 . 一.javascript的组成   javascript  ECMAScript(核心) DOM(文档对象模型) BOM(浏览器对象模型) 1.1ECMAScript ECMAScript是通过ECMA-262标准化的脚本语言,ECMA-262规定语言的:语法.类型.语句.关键字.保留字.操作符.对象 1.2 DOM DOM把整个页面映射为一个多层节点结构,HTML或者XML等页面中的每个组成部分都是某种类型的节点,这些节点又包含不同类

Ruffy javascript 学习笔记_基础知识

1,javascript的原型模型:prototype 在实现面向对象,(像是定义一个类的时候)需要一个构造函数来定义对象的成员,而方法去依附在该构造函数的原型上. 2,javascript中,为了实现继承,必须将子类构造函数的prototype设置为一个父类的对象实例. 3,css的方块套方块模型: 最外是margin 是用来设置一个元素所占的空间的边缘到相邻元素的距离 边框:border 用来设定一个元素的连线 padding 用来设置元素内容互元素边框的距离 还有背景属性是content

JavaScript学习笔记之DOM基础 2.4_javascript技巧

DOM的发展,与WEB标准化的大趋势相关甚密.只有基于正确的语义逻辑,DOM才能正确地发挥其功用.如今,正确的语义结构.表现与内容分离等要求,都已经成为网页设计中的基本要求.因此,在网页前端开发中,DOM的存在,无疑是为表现层.行为层甚至内容层面的连接提供了一个绝佳的API,成为热门的Ajax应用中不可或缺的组成部分. 一.平稳退化 1.概念 早期,在未使用JavaScript之前,网页中的内容可以正常显示出来,用户可以通过外设(如鼠标)操控浏览到相关内容,这种浏览体验对用户而言可能并不理想.

javascript学习笔记(四)function函数部分_基础知识

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块. Jscript 支持两种函数:一类是语言内部的函数(如eval() ),另一类是自己创建的. 在 JavaScript 函数内部声明的变量(使用 var)是局部变量,所以只能在函数内部访问它.(该变量的作用域是局部的). 您可以在不同的函数中使用名称相同的局部变量,因为只有声明过该变量的函数才能识别出该变量. 函数的调用方式 1.普通调用:functionName(实际参数...) 2.通过指向函数的变量去调用: var  myVar

JavaScript学习笔记整理_用于模式匹配的String方法_基础知识

用于模式匹配的String方法: String支持4种使用正则表达式的方法: seach()用于检索,参数是一个正则表达式,返回第一个与之匹配的子串的位置,找不到则返回-1,如果参数不是正则表达式,则首先会通过RexExp构造函数将它转换成正则表达式,seach()方法不支持全局搜索,它忽略修饰符g: replace()用于检索与替换操作,第一个参数是一个正则表达式,第二个参数是要进行替换的字符串.它对调用该方法的字符串检索,按照模式匹配子串替换成第二个参数,若包含修饰符g则全文匹配.若第一个参

javascript学习笔记_浅谈基础语法,类型,变量_基础知识

基础语法.类型.变量 非数字值的判断方法:(因为Infinity和NaN他们不等于任何值,包括自身) 1.用x != x ,当x为NaN时才返回true; 2.用isNaN(x) ,当x为NaN或非数字值时,返回true; 3.用isFinity(x),在x不是NaN.Infinity.-Infinity时返回true; 虽然(字符串.数字.布尔值)不是对象,他们的属性是只读的,但也可以像操作对象一样来引用他们的属性和方法,原理: javascript构造一个(String.Number.Boo