张孝祥JavaScript教程笔记:HTML基础
了解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工程任务组;
www.ietf.org;
以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应用的部署描述符;
注释与特殊字符
<!--注释-->
浏览器虽然不显示注释内容,但是查看原文件还是可以看到注释;
如果想把标签做为普通文本显示,或者想正确地显示多个空格,则需要用:< 代替 < , > 代替 > ; 代替空格;这种表示方法就叫做html编码: 以 & 开头,以 ; 结束;如果要显示键盘无法输入的字符,比如版权符号,则©为了简化,可以用语言来拼写,比如©可代替版权符号的数字表示;
常用的:& & < < > >
" " ® 一个圈里一个R
© 一个圈里一个C ™ 右上角的一个TM
为什么还要用"来表示"呢?
属性=a b 或者属性="a"b"的时候浏览器都只认为属性值是a;
总之,浏览器会从第一个引号起,遇到下一个同样的引号为止认为是
属性值;
当同时有单引号和双引号的属性值就会引起严重的歧义;
所以可以用"来防止浏览器过早地把一个"认为是属性值的结束;
为什么对&来编码呢?
很简单,所有编码都用到了&来开头,那当我要用&做为普通字符的时候
肯定有问题了;这和SQL中的%和_的问题是一样的;
格式标签
<P>的属性 align=right/left;
- · 比较实用的首页调用文章的两个函数
- · 一个解析URL及图片地址的JS函数
- · 让处于contentEditable=true的层里面的图片响应键盘事件
- · 单击图片时直接出现另存为对话框
- · 单击图片时直接出现另存为对话框
- · JS控制INPUT格式时间输入
- · Javascript实现图片按比例缩放的函数
- · 网页中图片和文字相分离的方法
- · 用Javascript模仿DataGrid
- · JavaScript写自定义对象语法
- · 用javascript将数据导入Excel
- · Javascript所有对象的属性的获取
- · 有关清空表单的各种可能的操作
- · 鼠标放上去自动点击代码,只自动点一次
- · javascript设计模式交流(一) :Singleton Pattern
- · 用JavaScript检查文件大小
- · 在用户离开网页页面时提示信息
- · 弹出页中用javascript刷新父页
- · 参数传递解决window.open的session变量丢失
- · 完美解决一个事件激活多个函数
- · 脚本控制三行三列自适应高度DIV布局
- · 用Javascript强制设为首页的代码
- · Web上运行应用程序的一个方法
- · Web上运行应用程序的一个方法
- · 上传图片之前判断大小的解决办法(利用IE漏洞)
- · JavaScript实际应用:innerHTMl和确认提示的使用
- · 如何在IE右键菜单中添加菜单项
- · 客户端插入控件
- · 子父窗口之间的操作之小例子
- · JavaScript复习知识小结
- · 强制设为首页代码
- · 您访问的页面不存在
- · web 打印的终极秘籍(整理)
- · 页面无刷新调用数据(IFRAME+js)
- · 如何获得javascript各种对象(可当参考用)
- · 强制点击广告大法
- · 将网页内容导出到word文档中
- · Ajax Tags标记初探
