网页制作.docx

1、网页制作 HTML语言教程一幅图像：最近学习了网页的制作，在学习的过程中总结出了HTML指令的作用和用法，以供学习和参考使用。玩转新奇音响1.文件标题 title./title 2.文件更新-meta 【1】10秒后自动更新一次 meta http-equiv=refresh content=10 【2】10秒后自动连结到另一文件 meta http-equiv=refresh content=10；URL=欲连结文件之URL 3.查询用表单-isindex 若欲设定查询栏位前的提示文字： isindex prompt=提示文字 4.预设的基准路径-base base href=放置文件的主机

2、之URL 版面 1.标题文字 h#./h# #=16；h1为最大字，h6为最小字 2.字体变化 font./font 【1】字体大小 font size=#./font #=17；数字愈大字也愈大 【2】指定字型 font face=字型名称./font 【3】文字颜色 font color=#rrggbb./font rr：表红色（red）色码 gg：表绿色（green）色码 bb：表蓝色（blue）色码 3.显示小字体 small./small 4.显示大字体 big./big 5.粗体字 b./b 6.斜体字 i./i 7.打字机字体 tt./tt 8.底线 u./u 9.删除线 str

3、ike./strike 10.下标字 sub./sub 11.上标字 sup./sup 12.文字闪烁效果 blink./blink 13.换行 br 14.分段 p 15.文字的对齐方向 p align=# #号可为 left：表向左对齐（预设值） center：表向中对齐 right：表向右对齐 P.S.p align=#之后的文字都会以所设的对齐方式显示， 直到出现另一个p align=#改变其对齐方向，或遇到 hrh#标签时会自动设回预设的向左对齐。 class是样式,tsize是样式名学生机 便宜才是王道/这是一个链接站长网 站长学院站点链接看，这个页面是黄色的。一、 HTML 头：

4、1、针对日文环境： yourtitle 2、针对中文环境： yourtitle 我们建议的编码格式是utf-8，它支持多语种，并且可以避免出现乱码的情况。二、html中javascript的书写：.当然我们不希望你是这样内嵌教本，而是从一个外部文件进行引用，并且只把它放在文档的头部。三、html中元素的书写：1、 元素属性值必须包含在双引号中； 2、 form 中必须加action属性，并且不能为空。 如果不需要使用action属性，也必须定义：3、 img的alt属性不可以缺少； 4、 head与之间必须有title； your title 5、 tr、td必须定义在table之间； 6、

5、button按钮必须定义在form之间，否则netscape不支持； 7、 在javascript中的字符串中出现的“/”前要用转义符“”： 8、 onclick 属性必须和 onkeypress 成对写( onmousedown + onkeydown、onmouseup + onkeyup) mm9、 用URL传值时直接写&是不可以的，可用&替换：四、缩近规则：中,等必须保持严格的缩近规则，以Tab键为准：五、为了检验您的HTML代码是否合法，您可以到W3的HTML Validator工具中进行检验，支持URI输入，上传文件和直接输入代码三种方式进行检验http:/validator.w3

6、.org/ 编辑本段HTML元素参考手册（HTML Elements Referencea）表示超链接的起始或目的位置。acronym表示取首字母的缩写词。address表示特定信息，如地址、签名、作者、文档信息。applet在页面上放置可执行内容。area定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联 URL。b指定文本应以粗体显示。（不建议使用）base指定一个显式 URL 用于解析对于外部源的链接和引用，如图像和样式表。basefont设置显示文本时作为默认字体的基础字体值。（不建议使用）bdo允许作者为选定文本片断禁用双向法则。bgsound使页面能够带有背景声音或配音。b

7、ig指定所含文本要以比当前字体稍大的字体显示。blockquote表示文本中的一段引用语。body指明文档主体的开始和结束。br插入一个换行符。button指定一个容器，其中所含的 HTML 会被显示为一个按钮。caption表格的标题，对表格的简单描述。center将指定文本和图像居中显示。（不建议使用）cite用斜体显示标明引文。（不建议使用）code表示代码范例。col说明基于列的表格缺省属性。colgroup说明表格中一列或一组列的缺省属性。comment表示不可见的注释。防止所包含的文本或者HTML源代码被浏览器解析和显示。dd在定义列表中表示定义。定义通常在定义列表中缩进显示。de

8、l表示文本已经从文档中删除。dfn表示术语的定义。（不建议使用）dir表示目录列表。（不建议使用）div表示一块可显示 HTML 的区域dl表示定义列表。dt在定义列表中表示定义术语。em强调文本，通常以斜体显示。embed允许嵌入任何类型的文档。fieldset在字段集包含的文本和其它元素外面画一个方框。font用于说明所包含文本的新字体、大小和颜色。form说明所包含的控件是某个表单的组成部分。frame在 FRAMESET 元素内表示单个框架。frameset表示一个框架集，用于组织多个框架和嵌套框架集。head提供了关于文档的无序信息集合。h1-h6这实际上是6个标签，他们以标题样式显

9、示文本，h1最大，h6最小。hr水平线。html表明文档包含 HTML 元素。i指定文本应以斜体显示。（不建议使用）iframe创建内嵌漂浮框架。img在文档中嵌入图像或视频片断。input创建各种表单输入控件。input type=button创建按钮控件。input type=checkbox创建复选框控件。input type=file创建文件上载控件，该控件带有一个文本框和一个浏览按钮。input type=hidden传输关于客户/服务器交互的状态信息。input type=image创建一个图像控件，该控件被点击后将导致表单立即被提交。input type=password创建与

10、INPUT type=text 控件类似的单行文本输入控件，不过并不显示用户输入的内容。input type=radio创建单选钮控件。input type=reset创建一个按钮，点击该按钮后，将重置表单控件回其初始值。input type=submit创建一个按钮，点击该按钮后，即提交表单。input type=text创建一个单行的文本输入控件。ins表示插入到文档中的文本。isindex使浏览器显示一个对话框，提示用户输入单行文本。（不建议使用）kbd以定宽字体显示文本。（不建议使用）label为页面上的其它元素指定标签。legend在 fieldSet 对象绘制的方框内插入一个标题。

11、li表示列表中的一个项目。link允许当前文档和外部文档建立连接。listing以固定宽度的字体显示文本。map包含客户端图像映射的坐标数据。marqueee创建一个滚动的文本字幕。（不建议使用）menu创建一个无序列表。meta向服务器和客户端传达关于文档的隐藏信息。nobr不换行显示文本。noframes包含对于那些不支持 FRAMESET 元素的浏览器使用的 HTML。noscript指定在不支持脚本的浏览器中显示的 HTML。object在 HTML 页面中插入对象。ol编制排序列表。optgroup允许作者对 select 元素中的选项进行逻辑分组。option表示 SELECT 元

12、素中的一个选项。p表示一段。param设置 APPLET、EMBED 或 OBJECT 元素的属性初始值。pre以固定宽度字体显示文本。q分离文本中的引语。s带删除线方式显示文本。（不建议使用）samp表示代码范例。script指定由脚本引擎解释的页面中的脚本。select表示一个列表框或者一个下拉框。small指定内含文本要以比当前字体稍小的字体显示。span指定内嵌文本容器。strike带删除线显示文本。（不建议使用）strong以粗体显示文本。style指定页面的样式表。sub说明内含文本要以下标的形式显示，比当前字体稍小。sup说明内含文本要以上标的形式显示，比当前字体稍小。table

13、说明所含内容组织成含有行和列的表格形式。tbody指明哪些行作为表格的主体。td指定表格中的单元格。textarea多行文本输入控件。tfoot指明哪些行作为表尾。th指定标题列。标题列将在单元格中居中并以粗体显示。thead指定哪些行作为表头。title文档的标题。tr指定表格中的一行。tt以固定宽度字体显示文本。（不建议使用）u带下划线显示文本。（不建议使用）ul表示不排序的项目列表。var定义程序变量，通常以斜体显示。wbr向一块 NOBR 文本中插入软换行。XHTML的一些基础知识，以及和HTML的一些区别HTML语言是我们建立网页的工具，从它出现发展到现在，规范不断完善，功能越来越强

14、。但是依然有缺陷和不足，人们仍在不断的改进它，使它更加便于控制和有弹性，以适应网络上日新月异的应用需求。2000年底，国际W3C(World Wide Web Consortium)组织公布发行了XHTML 1.0版本，XHTML和HTML,XML有什么不同，它增加了什么新功能，今天就让我们来初步认识一下XHTML。 XHTML 1.0是一种在HTML 4.0基础上优化和改进的的新语言，目的是基于XML应用。XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。下面是W3C的HTML工作组主席Steven pemberton回答的关于XHTML的常见基础问题。 问

15、：为什么XHTML 1.0相对HTML 4.0独立发展? 答：并不是这样。XHTML恰恰就是HTML 4.0的重新组织，(确切的说它是HTML 4.01，是一个修正版本的HTML 4.0，只不过以XHTML 1.0命名发行。) 它们在XML里的解释会有一些必要的差别，但另一方面，它们依然非常相似，我们可以把XHTML的工作看作是HTML 4.0基础上的延续。 问：XHTML 1.0如何实现XML标准? 答：XHTML就是一种XML应用。它采用XML的DTD文件格式定义，并运行在支持XML的系统上。这里要感谢XML的Namespaces功能，浏览器制造商不需要再创造新的私有标签(tags)，他们

16、只需要在XHTML代码里包含XML代码片段，或者XML代码里包含XHTML代码片段。 问：用XHTML，网页设计师会遇到和HTML一样的浏览器兼容性问题吗? 答：希望不会。严格的错误防御标准将帮助浏览器对代码作出相同的响应，XML的namespaces功能使你可以增加自己的新标签而不需要特别的浏览器支持。现在我们所需要得到保证的就是：所有浏览器开发商一致并且完全遵守我们制定的CSS。写信给你的浏览器制造商，告诉你需要的CSS规范，你甚至可以检测浏览器是否听从你的设计。 问：谁可以采用XHTML 1.0设计? 答：因为XHTML非常简单易于实现，所以任何会用HTML的人都可以容易地使用XHTML

17、。当使用XML浏览器的人们越来越多，更多的工作会被建议使用XML，那时候也许都将使用XHTML。 问：什么时候XHTML网站会普及? 答：好问题。我已经看到一些使用XHTML建立的网站，甚至在XHTML 1.0发布以前。我相信它将会有一个大发展，因为它太容易了。但是现在的用户代理（浏览器）对XHTML都不是完全支持，而是部分支持，所以XHTML的普及还需要用户代理的进一步支持。 问：我们如何将现有的HTMl转换为XHTML? 答：非常简单，因为它们非常相似。在W3C(www.w3c.org)网站上有一个开放原代码(open-source)的软件叫HTML Tidy，可以帮助你直接转换。 问：X

18、HTML未来会怎样？ 答：XHTML1.0仅仅是这个新HTML语言的第一步。新版本将没有向下兼容老浏览器的约束，可以有更多的发展空间。 首先，我们将进行一次彻底的清理，删除HTML 4.0中不兼容的元素。 其次，我们将XHTML模块化，允许人们在XML应用中使用XHTML模块(比如表格)，减少重复开发。同时也允许开发特别用途的设计，比如电话应用，只要属于XHTML的子集就可以保持兼容，人们可以创造他们自己的HTML。 编辑本段常用的HTML编辑软件DreamweaverDreamweaver是美国Adobe(原Macromedia，2005年被Adobe收购)公司开发的集网页制作和管理网站于一

19、身的所见即所得网页编辑器，它是第一套针对专业网页设计师特别发展的视觉化网页开发工具，利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。它不仅是优秀的WYSIWYG编辑器，更是优秀的代码编辑器，有代码加亮，代码提示等丰富功能，提供各种示例代码，并支持Javascript,PHP,ASP,JSP等多种脚本语言。最新版本为CS4，发布于2008年9月。FrontpageMicrosoft公司出品的FrontPage是制作表单式网页的常用工具。FrontPage 2000是微软公司最新推出的面向21世纪网络办公自动化时代的大型套装软件0ffice 2000中新增的一个重要组件，也

20、是0ffice 2000注重网络与Internet应用的一个重要体现。FrontPage 2000是目前最常用的中文版网页制作工具之一，简单易学。FrontPage 2000相对于前面的版本在网页向导、网页编辑、表单与框架页技术、音频与视频插件、动态HTML技术（DHTML，上世纪末兴起的一种web技术，现在已经过时）、数据库连接等方面进行了重大的改进，从而增强了网页制作的功能。如果服务器安装了Frontpage扩展组件，还可以支持Frontpage的站点计数器等功能。它从2007版的Office开始更名为Sharepoint Designer。Delphi由Borland公司推出的Delph

21、i是全新的可视化编程环境，为我们提供了一种方便、快捷的Windows应用程序开发工具。它使用了Microsoft Windows图形用户界面的许多先进特性和设计思想，采用了弹性可重复利用的完整的面向对象程序语言(Object-Oriented Language)、当今世界上最快的编辑器、最为领先的数据库技术。对于广大的程序开发人员来讲，使用Delphi开发应用软件，无疑会大大地提高编程效率，而且随着应用的深入，您将会发现编程不再是枯燥无味的工作Delphi的每一个设计细节，都将带给您一份欣喜。eclipseEclipse 是一个开放源代码的、基于 Java 的可扩展开发平台。就其本身而言，它只是一个框架和一组服务，用于通过插件组件构建开发环境。幸运的是，Eclipse 附带了一个标准的插件集，包括 Java 开发工具（Java Development Tools，JDT）。UltraEditUltraEdit 是能够满足你一切编辑需要的编辑器。UltraEdit 是一套功能强大的文本编辑器，可以编辑文本、十六进制、ASCII 码，完全可以取代记事本(如果你的电脑足够强大)，内建英文单字检查、C+ 及 VB 指令突显，可同时编辑多个文件，而且即使开启很大的文件速度也不会慢。软件附有 HTML 标签颜色显示、搜寻替换以及无限制的还原功能