JavaScript中TextStream对象 Javascript视频教程

Javascript视频教程笔记

了解html语言

网站开发老手认为html是最微不足道的技术,但它是基础;HyperText Markup Language;扩展名可以是:.html或者.htm;<>:开始标签;</>:结束标签;标签也可以称为容器;单独标签可以单独使用,比如<br>;

不必严格区分元素和标签的概念;

属性值可以不用引号,也可以用引号;用的话可以是双引号,也可以是单引号;有些属性只有两个可选值,则不必写属性值,写了属性名就表示true值,不写就false;

大小写不敏感;

浏览器打开网页文档的方式:可以本地打开也可以从Web浏览器上打开;html标签告诉了浏览器应该怎样显示文字等;html是标记语言而不是程序设计语言,它只有显示的逻辑而没有业务逻辑;html规范与版本:

不同的浏览器之间的不兼容问题:有些设计人员为了自己的浏览器能有特殊的效果,则设计了特殊的可以用于自己的浏览器的标签,成为html标签的方言;而其他的浏览器不认识这样的方言,所以我们定义了规范;随着需求的变化,新的规范不断推出;ietf把定义html规范的权限给了w3c;正在使用的html版本:html4.01,是最终规范,因为xhtml将要替代html;

IETF与W3C:

如果你要卖插座,则必须知道规范,否则你的插座别人用不了;IETF:Internet Engineering Task Force,Internet工程任务组;
以RFC定名各类标准,Requests for comments,请求注释文档;
比如:RFC2616(http/1.1),RFC1521(MIME);
RFC文档必须被分配编号,一个编码的RFC文档不能不更新;
IETF的收入:按标准生产的厂商必须给IETF交钱购买标准;
W3C:World Wide Web Consortium,www联盟;
www.w3c.org;
任何公司都可以加入;
不具备法律效力;

HTML的全局架构标签

<head>标签内的内容不会在窗口里显示;
<body bgcolor=red text=blue>body标签的属性设置了全局的页面属性;

<body>的属性:
text:整个网页中的文字颜色;
link:超级连接的文本颜色;
alink:鼠标移动到超级连接上时文本的颜色;
vlink:设定访问过的超级链接的文本颜色;
background:背景图像;正是因为body是全局的,所以这张图片
才不象image的图像,是全局的背景;
//你比较懒,虽然老是不用引号,但是当要使用链接地址,比如写一个
超级链接或者一个图片的路径的时候,是必须写引号的;
bgcolor:background会冲掉这个属性的效果;
leftmagin/topmargin:网页显示画面与浏览器的左/上边距;
class,name,id,style等公共属性;
颜色有两种表示方法:
#XX XX XX三个两位的十六进制数据,每两位刚好8位表示256个级别的
红绿蓝;

<!DOCTYPE HTML PUBLIC "-//w3c//dtd html 4.0 transitional//en">

这是文档类型定义语句,是本html文档所依据的规范;

DTD语法:<!DOCTYPE HTML public "version name" "url">
doctype指定文档类型:html
public:表明是公开访问的;而不是某个公司的内部文件;
version name 指定该文档的版本;
url指定规范文件在internet上的位置;
//不要把文件的扩展名和文档类型定义中的doctype扯上关系,实际上这两个
根本没关系,你可以发现一个.xml文件根本不是在定义xml,而是web应用的部署描述符;

注释与特殊字符

<!--注释-->
浏览器虽然不显示注释内容,但是查看原文件还是可以看到注释;

  如果想把标签做为普通文本显示,或者想正确地显示多个空格,则需要用:&lt; 代替 < , &gt; 代替 > ;   代替空格;这种表示方法就叫做html编码: 以 & 开头,以 ; 结束;如果要显示键盘无法输入的字符,比如版权符号,则©为了简化,可以用语言来拼写,比如&copy可代替版权符号的数字表示;

常用的:& &          &lt; <             &gt; >
" "                 ® 一个圈里一个R
© 一个圈里一个C      ™ 右上角的一个TM

为什么还要用&quot来表示"呢?
属性=a b  或者属性="a"b"的时候浏览器都只认为属性值是a;
总之,浏览器会从第一个引号起,遇到下一个同样的引号为止认为是
属性值;
当同时有单引号和双引号的属性值就会引起严重的歧义;
所以可以用&quot来防止浏览器过早地把一个"认为是属性值的结束;
为什么对&来编码呢?
很简单,所有编码都用到了&来开头,那当我要用&做为普通字符的时候
肯定有问题了;这和SQL中的%和_的问题是一样的;

格式标签

<P>的属性 align=right/left;
不要试图用enter键来在浏览器中换行,而是用<br>;
<nobr>防止系统自动换行;
<block>缩近;
<marquee behavior="slide"/"scroll"/"alternate" direction="up"/"down"/"left"/"right">

列表的使用:

无序列表:
<dl>
<dt>
<dd>...</dd>
<dd>...</dd>
...   ...
</dt>

<dt>
<dd>...</dd>
<dd>...</dd>
...   ...
</dt>
...   ...    ...  ...
</dl>

有序列表:
<ol><li>数字标示;
<ul><li>点标示;
<pre>告诉浏览器显示出在它里面的所有换行和空格;
文本标签
<b>粗体;
<i>斜体;
<u>下划线;
<sub>下标;
<sup>上标;
<tt>打印字;
<cite>引用方式字;
<em>
<strong>
<font>属性:face,size,color;

HTML的超级链接

网页只是Internet资源的一种而已,要有这种概念;
所以html的链接也可以是Internet资源到另一个资源的链接而不只是网页;

<a href=" ....">链接提示</a>
有这样的一种很好的做法,就是你可以把链接提示设置为
图片等其他东西而不只是文字;
如果链接的协议是mailto,则可以发送邮件;
target属性的作用:target可="_blank"可以使浏览器用新的窗口打开;
name属性的作用:定义定位标记;
使用方法,在被定位的页面中写下标记:<a name="markname">
在要链接这个页面的页面的链接中的href的文件名后用
#markname,则可以直接定位;
//如果定位到本页面,则可以直接写#markname就行了;
//如果要链接到本页面,则直接写个#就行了;
//如果要显示网页文件所在的目录,则给href给个空串就行了;
  URL

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

  URL是大小写敏感的;

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

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

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

  参数的传递:
  ?name=zhangsan&password=fuck  参数值可以为空;

  定位标记:
http://www.ijavascript.cn/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="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
TAG: javascript教程笔记
kimi post in JavaScript教程 at 2008-02-26 13:21:58.
永久地址:http://www.ijavascript.cn/jiaocheng/javascript-video-note-404.html
在百度中搜索《Javascript视频教程笔记》。

发表评论

发表评论

XHTML: You can use these tags: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <code> <em> <i> <strike> <strong>

网友评论仅供网友表达个人看法,并不表明本网同意其观点或证实其描述。