ITPub博客

HTML教程(转)[@more@] 　　HTML入门 　　HTML基本构架 　　页面布局与文字设计 　　标题　 　　换行<br> 　　　　段落标签<P> 　　　　水平线段<hr> 　　　　文字的大小设置 　　　　文字的字体与样式 　　　　文字的颜色 　　　　位置控制 　　　　综合示例 　　列表 　　无序号列表 　　　　序号列表 　　　　定义性列表 　　TABLE表格 　　表格的基本结构 　　　　表格的标题 　　　　表格的尺寸设置 　　　　表格内文字的对齐、布局 　　　　跨多行、多列的表元 　　　　表格的颜色 　　文

DHTML 对象(转)[@more@] 　　下面列出了由动态 HTML 定义的对象。点击链接即可前往对象的定义，其中包含了该对象的所有成员集。 　　对象 !DOCTYPE 指定了 HTML 文档遵循的文档类型定义(DTD)。 a 标明超链接的起始或目的位置。 acronym 标明缩写词。 address 特定信息，如地址、签名、作者、此文档的原创者。 applet 在页面上放置可执行内容。 area 定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。 attribute 以对象的形式代表了 HTML 元素的标签属性或属性。 b 指定文本应以粗

DHTML 属性 （上）(转)[@more@] 　　下面列出了动态 HTML(DHTML) 对象模型中的属性。 　　标签属性/属性 !important 增加特定规则的重要性。 :active 设置当链接处于激活状态时 a 元素的样式。 :first-letter 在对象的第一个字符上应用一个或多个样式。 :first-line 在对象的第一行上应用一个或多个样式。 :hover 设置当用户将鼠标指针悬停在链接上时 a 元素的样式。 :link 设置当链接最近没有访问过时 a 元素的样式。 :visited 设置当链接最近访问过时 a 元素的样式。 @charset 设置外部样式表的字

DHTML 方法(转)[@more@] 　　下面列出了由动态 HTML(DHTML) 对象模型定义的方法。 　　方法 add 向 areas, controlRange 或 options 集合中添加一个元素。 add 创建一个新的 namespace 对象并将其添加到集合中。 addBehavior 给元素附加一个行为。 AddChannel 显示一个对话框，允许用户输入指定的频道，或当已安装时更改频道的 URL。 AddDesktopComponent 向 Microsoft® 活动桌面® 中添加 Web 站点或图像。 AddFavorite 出现一个对话框提示用户将指定的 URL 添加到收藏夹内。 addImport 为指定

DHTML 事件(转)[@more@] 　　下面列出了由动态 HTML(DHTML) 对象模型定义的事件。 　　事件 onabort 当用户中断下载图像时触发。 onactivate 当对象设置为活动元素时触发。 onafterprint 对象所关联的文档打印或打印预览后立即在对象上触发。 onafterupdate 当成功更新数据源对象中的关联对象后在数据绑定对象上触发。 onbeforeactivate 对象要被设置为当前元素前立即触发。 onbeforecopy 当选中区复制到系统剪贴板之前在源对象触发。 onbeforecut 当选中区从文档中删除之前在源对象触发。 onbefore

DHTML 集合(转)[@more@] 　　下面列出了由动态 HTML(DHTML) 对象模型定义的集合。 　　集合 all 返回对象所包含的元素集合的引用。 anchors 获取所有带有 name 和/或 id 属性的 a 对象的集合。此集合中的对象以 HTML 源顺序排列。 applets 获取文档中所有 applet 对象的集合。 areas 获取给定 map 对象所定义的 area 对象集合。 attributes 获取对象标签属性的集合。 behaviorUrns 返回标识附加到该元素行为的统一资源名称(URN)字符串的集合。 blockFormats 获取指定可用块格式化标签的名称的字符串的集

HTML 元素(转)[@more@] 　　下面列出了 HTML 定义的元素集。点击链接即可前往元素的定义，其中包含了该元素的所有成员集。 　　对象 a 标明超链接的起始或目的位置。 acronym 标明缩写词。 address 特定信息，如地址、签名、作者、此文档的原创者。 applet 在页面上放置可执行内容。 area 定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。 b 指定文本应以粗体渲染。 base 指定一个显示 URL 用于解析对于外部源的链接和引用，如图像和样式表。 baseFont 设置渲染文本时作为缺省字

HTML 字符集(转)[@more@] 　　字符集决定了代表你的 HTML 文档文本的字节如何翻译成可读字符。Microsoft® Internet Explorer 将根据所应用的字符集翻译解释你的文档字节。它可以按照 ISO010646 代码点解释数字或十六进制字符引用("〹" 或 "ሴ")，这与 Unicode 标准版本 2.0 相一致，并且独立于所选字符集。命名项目("&")也将独立与所选字符集显示。任意数字字符引用的现实都需要在用户的系统中安装了可显示特定字符的字体。从而，下面表格中第一列的内容可能不能在所有系统上渲染正确。 ISO Latin-1 字符集 HTM

CSS 标签属性(转)[@more@] 　　这里列出了目前支持的样式表(CSS)标签属性。标有星号(*)的标签属性可于 Microsoft® Internet Explorer 5 中使用。标有两个星号(**)的标签属性可于 Internet Explorer 5.5 中使用。带有两个加号(++)的标签属性可于 Internet Explorer 6 中使用。如果某个标签属性或属性已经提交给万维网协会(W3C)但尚未作为标准发布，则标有“已提交”。若某个标签属性或属性既未提交给 W3C 也不是标准，将标有“扩展”。 　　CSS 标签属性/属性 行为属性 behavior(已提交)* 字体和文本属性 direction* di

命令标识符(转)[@more@] 　　命令标识符指定了要在给定对象上执行的操作。请和下列方法一起使用命令标识符： execCommand queryCommandEnabled queryCommandIndeterm queryCommandState queryCommandSupported queryCommandValue 　　命令标识符 2D-Position 允许通过拖曳移动绝对定位的对象。 AbsolutePosition 设定元素的 position 属性为“absolute”(绝对)。 BackColor 设置或获取当前选中区的背景颜色。 BlockDirLTR 目前尚未支持。 BlockDirRTL 目前尚未支持。 Bold 切换当前选中区的粗

XHTML+CSS:调用样式表(转)[@more@] 　　web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。 　　事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。 　　外部调用样式表 　　

XHTML基础问答(转)[@more@] 　　本文是2002年为硅谷动力网站翻译的稿件。当时xhtml1.0刚刚开始被设计师所接触，所以有下面这个基础问答。 　　HTML语言是我们建立网页的工具，从它出现发展到现在，规范不断完善，功能越来越强。但是依然有缺陷和不足，人们仍在不断的改进它，使它更加便于控制和有弹性，以适应网络上日新月异的应用需求。2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本，XHTML和HTML,XML有什么不同，它增加了什么新功能，今天就让我们来初步认识一下XHTML。 　　XHTML 1.0是一种在HTML 4.0

CSS 长度单位参考(转)[@more@] 　　这里列出了 CSS 属性支持的长度单位。除非特别指出，长度单位都可在 Microsoft® Internet Explorer 3.0 及以后版本中使用。若标有星号(*)，则表明该长度单位可在 Internet Explorer 4.0 及以后版本中使用。 　　CSS 长度单位表格 相对长度单位 em 元素字体的高度。 ex 字母“x”的高度。 px 像素。 % 百分比 绝对长度单位 in 英寸(1 英寸 = 2.54 厘米)。 cm 厘米。 mm 毫米。 pt 磅(1 磅 = 1/72 英寸)。 pc 皮卡(1 皮卡 = 12 磅)。 　　样式表属性中的

第2天:什么是名字空间(转)[@more@] 　　DOCTYPE声明好以后，接下来的代码是：<html xmlns="http://www.w3.org/1999/xhtml" lang="gb2312"> 　　通常我们HTML4.0的代码只是<html>，这里的"xmlns"是什么呢？ 　　这个"xmlns"是XHTML namespace的缩写，叫做"名字空间"声明。名字空间是什么作用呢？阿捷自己的理解是： 　　由于xml允许你自己定义自己的标识，你定义的标识和其他人定义的标识有可能相同，但表示不同的意义。当文件交换或者共享的时候就容易产生错误。为了避免这种错误发生，XML采用名字空间声明，允许你通过一

第3天:定义语言编码(转)[@more@] 　　第三步是定义你的语言编码，类似这样：<meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> 　　为了被浏览器正确解释和通过W3C代码校验，所有的XHTML文档都必须声明它们所使用的编码语言，我们一般使用gb2312(简体中文)，制作多国语言页面也有可能用Unicode、ISO-8859-1等，根据你的需要定义。 　　通常这样定义就可以了。但是要补充说明的是，XML文档并不是这样定义语言编码的，XML的定义方式如下：<?xml version="1.0" encoding="gb2312"?> 　　你在Macrom

第4天:调用样式表(转)[@more@] 　　用web标准设计网站，过渡的方法主要是采用XHTML+CSS，css样式表是必不可少的。这就要求所有网页设计师必须熟练掌握CSS，如果你以前不常用，那么现在就开始学习吧。要制作符合web标准的网站，不懂CSS是设计不出漂亮的页面的。 　　事实上，所有表现的地方都需要用CSS来实现。我们以前都习惯用table来定位和布局，现在要改用DIV来定位和布局。这是思维方式的变化，一开始有些不习惯。呵呵，任何变革都会有阻力的，为了享受标准带来的"益处"，放弃一些老的传统做法是值得的。 外部调用样式表在以前，我们

第5天:head区的其他设置(转)[@more@] 　　这些技巧主要讲meta标签设置的，其实与符合web标准关系不大，只要注意在最后加"/"关闭标签就可以，但是既然是入门教程，就写得详细一点吧。 收藏夹小图标 　　如果你将本站加入收藏夹，可以看到在收藏夹网址之前的IE图标变成了本站特别的图标。要实现这样效果很简单，首先制作一个16x16的icon图标，命名为favicon.ico，放在根目录下。然后将下面的代码嵌入head区： 　　<link rel="icon" href="/favicon.ico" type="image/x-icon" /><link rel="shortcut icon" href="/favicon.ico"

第6天:XHTML代码规范(转)[@more@] 　　在开始正式内容制作之前，我们必须先了解一下web标准有关代码的规范。了解这些规范可以帮助你少走弯路,尽快通过代码校验。 1.所有的标记都必须要有一个相应的结束标记 　　以前在HTML中，你可以打开许多标签，例如<p>和<li>而不一定写对应的</p>和</li>来关闭它们。但在XHTML中这是不合法的。XHTML要求有严谨的结构，所有标签必须关闭。如果是单独不成对的标签，在标签最后加一个"/"来关闭它。例如:<br /><img height="80" alt="网页设计师" src="../images/log

第7天:CSS入门(转)[@more@] 　　在了解XHTML代码规范后，我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了，可以跳过这一节，直接进入下一节。 　　CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制，属于表现层的布局语言。 1.基本语法规范 　　分析一个典型CSS的语句：p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors)，指明我们要给"p"定义样式； 样式声明写在一对大括号"{}"中； COLOR和BACKGROUND称为"属性"(property)，不同属性之间

第8天:CSS布局入门(转)[@more@] 　　CSS布局与传统表格(table)布局最大的区别在于：原来的定位都是采用表格，通过表格的间距或者用无色透明的GIF图片来控制文布局版块的间距；而现在则采用层(div)来定位，通过层的margin,padding,border等属性来控制版块的间距。 1.定义DIV 　　分析一个典型的定义div例子：#sample{ MARGIN: 10px 10px 10px 10px;PADDING:20px 10px 10px 20px;BORDER-TOP: #CCC 2px solid;BORDER-RIGHT: #CCC 2px solid;BORDER-BOTTOM: #CCC 2px solid;BORDER-LEFT: #CCC 2px solid;BACKGROUND: url(images/bg_poem.jp