HTML初学者指南(四)(转)
HTML初学者指南(四)(转)[@more@] 这里是一个嵌套列表的例子: <UL><LI> A few New England states:<UL><LI> Vermont<LI> New Hampshire<LI> Maine</UL><LI> Two Midwestern states:<UL><LI> Michigan<LI> Indiana</UL></UL> 这个嵌套列表的显示: A few New England states: Vermont New Hampshire Maine Two Midwestern states: Michigan Indiana 预排格式文本Preformatted Text用<PRE> 标记 (表示 "preformatted") 可以产生固定宽度
HTML初学者指南(六)(转)
HTML初学者指南(六)(转)[@more@] 逻辑风格Logical Styles<DFN> 用于被定义的单词. 一般用斜体显示. (NCSA Mosaic is a World Wide Web browser.) <EM> 用于强调. 通常用斜体显示. (Consultants cannot reset your password unless you call the help line.) <CITE> 用于书籍的标题, 等. 通常斜体显示. (A Beginner's Guide to HTML) <CODE> 用于计算机编码. 用固定宽度字体显示. (The <stdio.h> header file) <KBD> 用于用户键盘输入. 通常用无格式固定宽度字体显示. (Enter passwd to change your
HTML初学者指南(七)(转)
HTML初学者指南(七)(转)[@more@] URLsWorld Wide Web 使用标准资源定位 Uniform Resource Locators (URLs) 指明其它服务器中的文件. 一个 URL 包括访问资源的类型(例如, Web, gopher, WAIS), 服务器的地址, 和文件的位置. 语法格式为: scheme://host.domain [:port]/path/ filename 其中 scheme 是以下的一个 file 本地系统的一个文件 ftp 匿名FTP 服务器中的文件 http World Wide Web 服务器中的文件 gopher Gopher 服务器中的文件 WAIS WAIS 服务器中的文件 news Usenet 的一个新闻组newsgroup telnet 到一个基于Telnet 的
HTML初学者指南(八)(转)
HTML初学者指南(八)(转)[@more@] 嵌入行中的图象 多数 Web 浏览器可以显示嵌入行中的X 位图(XBM), GIF, 或 JPEG 格式的图象(即和文本想邻的图象) . 其他格式的图象正在合并到Web 浏览器中[如, Portable Network Graphic (PNG) 格式]. 每个图象都花费处理时间并降低文档显示的速度. 仔细选择你的文档中的图象和图象的个数. 包含一个嵌入行中的图象, 输入: <IMG SRC=图象名>ALT="FORWARD" HEIGHT=32 WIDTH=32> 其中 图象名 是图象文件的URL . <IMG SRC> URLs 的语法格式和锚链HREF使用的格式相同. 如
HTML初学者指南(九)(转)
HTML初学者指南(九)(转)[@more@] 指明一个到QuickTime 电影的链接. 一些通常的文件类型和其扩展名为: 文件类型 扩展名 纯文本plain text .txt HTML 文档 .html GIF 图象 .gif TIFF 图象 .tiff X 位图图象 .xbm JPEG 图象 .jpg 或 .jpeg PostScript 文件 .ps AIFF 声音文件 .aiff AU 声音文件 .au WAV 声音文件 .wav QuickTime 电影 .mov MPEG 电影 .mpeg 或 .mpg 记住你假设的读者和他们使用的软件. 例如,多数UNIX 工作站不能播放QuickTime 电影. 表格Tables 在 HTML 制定表格标记之前, HTML 作者不得不在<PRE> 标
HTML初学者指南(十)(转)
HTML初学者指南(十)(转)[@more@] 疑难解答避免标记重叠请看这个 HTML 例子: <B>This is an example of <DFN>overlapping</B> HTML tags.</DFN> overlapping 这个单词被同时包含在 <B> 和 <DFN> 两个标记中. 浏览器在这种情况下会无所适从,因而你可能得不到预期的效果. 通常情况下应该避免标记重叠. 检查你的标记,让它们成对出现. 成对使用的标记(显然,结束标记可以省略的元素除外, 如段落标记) 中间不应该被打断. 再看看上面的例子. 在中间的标记(DFN)尚未结束前,你不能使粗体
轻松玩转花样表单表单提交(转)
轻松玩转花样表单表单提交(转)[@more@] 三、表单的提交 既然表单是用来采集用户输入的数据,那么,就应该保证用户的数据被准确地提交到预定的地点,也就是说,我们在表单提交的时候,应该对用户的数据进行检验,一来可以避免用户误输数据,二来可以避免用户输入非法的,或者说不合格的数据;检验合格以后,还要保证用户的数据提交到特定的程序。 1.数据的检验 数据的检验,通常有两种程序:客户端检验和服务器端检验。客户端检验,比较快,服务器端检验,相对来说比较慢,为了确保安全,通常同时采用,这样就可以避免
简明HTMLCSS开发规范(转)
简明HTMLCSS开发规范(转)[@more@]//总论本规范既是一个开发规范,也是一个脚本语言参考,本规范并不是一个一成不变的必须严格遵守的条文,特殊情况下要灵活运用,做一定的变通。但是,请大家千万不要随意更改规范。如果有任何问题,请及时与我联系,我会及时更改本规范的相关代码样例和文档。/基 本 要 求1. 在网站根目录中开设images common temp 三个子目录,根据需要再开设media 子目录,images目录中放不同栏目的页面都要用到的公共图片,例如公司的标志、banner 条、菜单、按钮等等;common 子目录中放css、js,、php、include 等公共
CSS锦囊(转)
CSS锦囊(转)[@more@] 在使用CSS建站时,您肯定遇到过形形色色的布局问题,最后可能被搞得焦头烂额。本文的目的是让您的设计过程更为容易,当您遇到困难时为您提供快速参考。 有疑问,先验证 在调试时,先对您的代码进行验证往往能省去不少麻烦事。格式不正确的XHTML/CSS 会导致许多布局上的错误。 在其他浏览器中进行测试之前,请先在最先进的浏览器中撰写和测试CSS代码,而不是相反。 如果您在破旧的浏览器中编写和测试,你的代码就不得不依赖那个破旧浏览器的糟糕的显示,然后在符合标准的浏览器中进行测试,看到显示结果
CSS入门(转)
CSS入门(转)[@more@] 在了解XHTML代码规范后,我们就要进行CSS布局。首先先介绍一些CSS的入门知识。如果你已经很熟悉了,可以跳过这一节,直接进入下一节。 CSS是Cascading Style Sheets(层叠样式表)的缩写。是一种对web文档添加样式的简单机制,属于表现层的布局语言。 1.基本语法规范 分析一个典型CSS的语句:p {COLOR:#FF0000;BACKGROUND:#FFFFFF} 其中"p"我们称为"选择器"(selectors),指明我们要给"p"定义样式; 样式声明写在一对大括号"{}"中; COLOR和BACKGROUND称为"属性"(property),不同属性之间用分号";"分
玩转网页滚动条(转)
玩转网页滚动条(转)[@more@] 网页滚动条本身就是浏览器的一部分,使用它可以方便浏览较大的网页,但是千篇一律的它经常会给整体页面效果拖了不少后腿,我们能不能改变它灰灰的样子呢?能!俗话说:“只有你想不到的,没有做不到的。” 给滚动条换色 几乎所有网页的滚动条都是默认的灰色,如果把它的颜色换换,来点另类的,相信一定会使网页更加靓丽。我们只要在网页代码<head> </head>之间插入下面的代码,即可随心所欲地更改颜色了。<style>body {SCROLLBAR-FACE-COLOR:#3333FF;(立体滚动条凸出部分的颜色
调色原理(转)
调色原理(转)[@more@] HTML 的颜色表示可分两种: 以命名方式定义常用的颜色,如 RED。 以 RGB 值表示,如 #FF0000 表示 red。 命名方式涵括的色种不多亦不甚方便,较少采用,以下介绍 RGB 值的原理: 众所皆知颜色是由 "red" "green" "blue" 三原色组合而成的,在 HTML 中对於彩度的定义是 采十六进位的,对於三原色 HTML 分别给予两个十六进位去定义,也就是每个原色可有 256 种彩度,故此三原色可混合成一千六佰多万的颜色。 例如 白色的组成是 red=ff, green=ff, blue=ff, RGB 值即为 ffffff 红色的组成是 red=ff,
HTML组件(HTMLCOMPONENTS)之一HTML行为和HTC行为(1)(转)
HTML组件(HTMLCOMPONENTS)之一HTML行为和HTC行为(1)(转)[@more@] HTML 组件(HTML COMPONENTS)是IE5。0的主要扩展之一,其也最具革命性,微软的意图是用HTML组件来取代ACTIVEX控件,和ACTIVE控件一样,HTML组件是自持续封闭对象,可以一次开发任意使用,使用HTML组件有很多好处,本文将给您揭示其中的一些! HTML组件带入了很多新的术语、思想、对象、方法和属性,我将通过一个日历应用给您接受这些,这个日历应用显示当前月的日期、星期并且高亮度显示当前日期。 ====HTML行为和HTC行为=== HTML组件封装了HTML内容,并可以
HTML组件(HTMLCOMPONENTS)之二定义标记和命名空间(转)
HTML组件(HTMLCOMPONENTS)之二定义标记和命名空间(转)[@more@] ===定义标记和命名空间=== HTC的基础是自定义标记,自定义标记的第一次出现是在IE5。0中,它可以让WEB作者通过与结构关联的一系列样式来定义文挡结构,例如:您可以定义一个新标记<RIGHT>(段落右对其) <HTML XMLNS:DOCJS> <HEAD> <STYLE> @media all { DOCJS:RIGHT {text-align:right; width:100} } </STYLE> </HEAD> <BODY> <DOCJS:RIGHT> Read Doc JavaScript's columns, tips, tools, and tutorials </DOCJS:RIGHT
HTML组件(HTMLCOMPONENTS)之三最顶级页面(2)(转)
HTML组件(HTMLCOMPONENTS)之三最顶级页面(2)(转)[@more@] 您可能已经注意到HTC可以包含别的HTC,calendar.htc包括两个别的HTML组件,每个月的所有日期:day.htc和与当前日期一致的today.htc,以下是canlendar.htc的顶部15行:<HTML XMLNS:MYCAL XMLNS:TODAY XMLNS:ANYDAY> <HEAD> <?IMPORT NAMESPACE="ANYDAY" IMPLEMENTATION="day.htc"/> <?IMPORT NAMESPACE="TODAY" IMPLEMENTATION="today.htc"/> <PUBLIC:COMPONENT tagName="CALENDAR"> <ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/> &l
HTML组件(HTMLCOMPONENTS)之三最顶级页面(1)(转)
HTML组件(HTMLCOMPONENTS)之三最顶级页面(1)(转)[@more@] ===最顶级页面=== 现在我们将我们注视的焦点转向我们的日历应用例子,该应用包括4个不同页面,canlendar.html为最顶级HTML文档,该页包含了calendar.htc HTC,而canlendar.htc有反过来包含两个别的HTC:day.htc和today.htc,calendar.html 内容如下: <HTML XMLNS:MYCAL> <HEAD> <TITLE>Calendar Example</TITLE> <?IMPORT NAMESPACE="MYCAL" IMPLEMENTATION="calendar.htc"/> </HEAD> <BODY> <P>Click a day in the calen
HTML组件(HTMLCOMPONENTS)之三最顶级页面(3)(转)
HTML组件(HTMLCOMPONENTS)之三最顶级页面(3)(转)[@more@] 然后我们定义CALENDAR自定义标记: <PUBLIC:COMPONENT tagName="CALENDAR"> <ATTACH EVENT="oncontentready" ONEVENT="fnInit()"/> </PUBLIC:COMPONENT> PUBLIC:COMPONENT用来描述CALENDAR标记,在开始和结束标记之间,您可以将事件附加到CALENDAR标记上,事件oncontentready将在calendar.htc文件全部被导入,并被解析时,指定处理时间的是定义在JAVASCRIPT的函数:fnInit():<SCRIPT LANGUAGE="JavaScript"> <!-- function fnInit() { defau
HTML组件(HTMLCOMPONENTS)之四编写日历(1)(转)
HTML组件(HTMLCOMPONENTS)之四编写日历(1)(转)[@more@]===编写日历一=== 当calendar.html调用 MYCAL:CALENDAR,当月的日历将会显示在页面中,函数setCal()是主要程序段,它初始化一些变量并调用drawCal()函数。我们也使用了三个别的函数:getMonthName()、 getDays() 和 leapYear()。让我们从最后一个函数开始: getDays()函数接收哪月值和哪年值,并且建立一个有12个元素的数组,用来存放每月的天数,哪一年用来决定是不是闰年,在闰年中二月是29天,而不是闰年是28天。该函数返回指定月份的天数。 以下是getDays():function
HTML组件(HTMLCOMPONENTS)之四编写日历(2)(转)
HTML组件(HTMLCOMPONENTS)之四编写日历(2)(转)[@more@] ===编写日历一=== 如果指定的年数可以被4整除,那么leapYear()函数将返回“true”,否则返回”false“: function leapYear(year) { if (year % 4 == 0) // basic rule return true; // is leap year /* else */ // else not needed when statement is "return" return false; // is not leap year } getMonthName()函数返回指定月份的名字: function getMonthName(month) { // create array to hold name of each month var ar = new Array(12); ar[0] = "January"; ar[1
HTML组件(HTMLCOMPONENTS)之四编写日历(3)(转)
HTML组件(HTMLCOMPONENTS)之四编写日历(3)(转)[@more@] ===编写日历一=== setCal()函数是主模块,我们在脚本的第一行调用它。该函数为当天(now)、和每月的第一天(firstDayInstance)建立一个Date对象。用这些对象,setCal()函数解析出关于一个月的第一天、当日,和最后一天的所有信息。 function setCal() { // standard time attributes var now = new Date(); var year = now.getFullYear(); var month = now.getMonth(); var monthName = getMonthName(month); var date = now.getDate(); now = null; // create instance