网页制作.docx

上传人:b****2 文档编号:905844 上传时间:2023-04-30 格式:DOCX 页数:39 大小:36.34KB
下载 相关 举报
网页制作.docx_第1页
第1页 / 共39页
网页制作.docx_第2页
第2页 / 共39页
网页制作.docx_第3页
第3页 / 共39页
网页制作.docx_第4页
第4页 / 共39页
网页制作.docx_第5页
第5页 / 共39页
网页制作.docx_第6页
第6页 / 共39页
网页制作.docx_第7页
第7页 / 共39页
网页制作.docx_第8页
第8页 / 共39页
网页制作.docx_第9页
第9页 / 共39页
网页制作.docx_第10页
第10页 / 共39页
网页制作.docx_第11页
第11页 / 共39页
网页制作.docx_第12页
第12页 / 共39页
网页制作.docx_第13页
第13页 / 共39页
网页制作.docx_第14页
第14页 / 共39页
网页制作.docx_第15页
第15页 / 共39页
网页制作.docx_第16页
第16页 / 共39页
网页制作.docx_第17页
第17页 / 共39页
网页制作.docx_第18页
第18页 / 共39页
网页制作.docx_第19页
第19页 / 共39页
网页制作.docx_第20页
第20页 / 共39页
亲,该文档总共39页,到这儿已超出免费预览范围,如果喜欢就下载吧!
下载资源
资源描述

网页制作.docx

《网页制作.docx》由会员分享,可在线阅读,更多相关《网页制作.docx(39页珍藏版)》请在冰点文库上搜索。

网页制作.docx

网页制作

 HTML 语言教程

一幅图像:

\DocumentsandSettings\AllUsers\Docum"width="640"height="480">

最近学习了网页的制作,在学习的过程中总结出了HTML指令的作用和用法,以供学习和参考使用。

玩转新奇音响

1.文件标题

<title>..........</title>

2.文件更新--<meta>

【1】10秒后自动更新一次

<metahttp-equiv="refresh"content=10>

【2】10秒后自动连结到另一文件

<metahttp-equiv="refresh"content="10;URL=欲连结文件之URL">

3.查询用表单--<isindex>

若欲设定查询栏位前的提示文字:

<isindexprompt="提示文字">

4.预设的基准路径--<base>

<basehref="放置文件的主机之URL">

版面

1.标题文字<h#>..........</h#>#=1~6;h1为最大字,h6为最小字

2.字体变化<font>..........</font>

【1】字体大小<fontsize=#>..........</font>#=1~7;数字愈大字也愈大

【2】指定字型<fontface="字型名称">..........</font>

【3】文字颜色<fontcolor=#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.删除线<strike>..........</strike>

10.下标字<sub>..........</sub>

11.上标字<sup>..........</sup>

12.文字闪烁效果<blink>..........</blink>

13.换行<br>

14.分段<p>

15.文字的对齐方向<palign="#">#号可为left:

表向左对齐(预设值)center:

表向中对齐right:

表向右对齐P.S.<palign="#">之后的文字都会以所设的对齐方式显示,直到出现另一个<palign="#">改变其对齐方向,或遇到<hr>ⅱ<h#>标签时会自动设回预设的向左对齐。

class是样式,tsize是样式名

学生机便宜才是王道

这是一个链接

站长网站长学院站点链接

看,这个页面是黄色的。

一、HTML头:

  1、针对日文环境:

  

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

  

  

  

  

  

  yourtitle

  

  2、针对中文环境:

  

DOCTYPEhtmlPUBLIC"-//W3C//DTDHTML4.01Transitional//EN">

  

  

  

  

  yourtitle

  

  我们建议的编码格式是utf-8,它支持多语种,并且可以避免出现乱码的情况。

  二、html中javascript的书写:

  …..

  

  

—…..-->

  

  

  当然我们不希望你是这样内嵌教本,而是从一个外部文件进行引用,并且只把它放在文档的头部。

  

  三、html中元素的书写:

  1、元素属性值必须包含在双引号中;

  

  2、form中必须加action属性,并且不能为空。

  

  如果不需要使用action属性,也必须定义:

  

  3、img的alt属性不可以缺少;

  

  五、为了检验您的HTML代码是否合法,您可以到W3的HTMLValidator工具中进行检验,支持URI输入,上传文件和直接输入代码三种方式进行检验

  http:

//validator.w3.org/

[编辑本段]

HTML元素参考手册

  (HTMLElementsReferencea)

  表示超链接的起始或目的位置。

  acronym

  表示取首字母的缩写词。

  address

  表示特定信息,如地址、签名、作者、文档信息。

  applet

  在页面上放置可执行内容。

  area

  定义一个客户端图像映射中一个超级链接区域的形状、坐标和关联URL。

  b

  指定文本应以粗体显示。

(不建议使用)

  base

  指定一个显式URL用于解析对于外部源的链接和引用,如图像和样式表。

  basefont

  设置显示文本时作为默认字体的基础字体值。

(不建议使用)

  bdo

  允许作者为选定文本片断禁用双向法则。

  bgsound

  使页面能够带有背景声音或配音。

  big

  指定所含文本要以比当前字体稍大的字体显示。

  blockquote

  表示文本中的一段引用语。

  body

  指明文档主体的开始和结束。

  br

  插入一个换行符。

  button

  指定一个容器,其中所含的HTML会被显示为一个按钮。

  caption

  表格的标题,对表格的简单描述。

  center

  将指定文本和图像居中显示。

(不建议使用)

  cite

  用斜体显示标明引文。

(不建议使用)

  code

  表示代码范例。

  col

  说明基于列的表格缺省属性。

  colgroup

  说明表格中一列或一组列的缺省属性。

  comment

  表示不可见的注释。

防止所包含的文本或者HTML源代码被浏览器解析和显示。

  dd

  在定义列表中表示定义。

定义通常在定义列表中缩进显示。

  del

  表示文本已经从文档中删除。

  dfn

  表示术语的定义。

(不建议使用)

  dir

  表示目录列表。

(不建议使用)

  div

  表示一块可显示HTML的区域

  dl

  表示定义列表。

  dt

  在定义列表中表示定义术语。

  em

  强调文本,通常以斜体显示。

  embed

  允许嵌入任何类型的文档。

  fieldset

  在字段集包含的文本和其它元素外面画一个方框。

  font

  用于说明所包含文本的新字体、大小和颜色。

  form

  说明所包含的控件是某个表单的组成部分。

  frame

  在FRAMESET元素内表示单个框架。

  frameset

  表示一个框架集,用于组织多个框架和嵌套框架集。

  head

  提供了关于文档的无序信息集合。

  h1-h6

  这实际上是6个标签,他们以标题样式显示文本,h1最大,h6最小。

  hr

  水平线。

  html

  表明文档包含HTML元素。

  i

  指定文本应以斜体显示。

(不建议使用)

  iframe

  创建内嵌漂浮框架。

  img

  在文档中嵌入图像或视频片断。

  input

  创建各种表单输入控件。

  inputtype=button

  创建按钮控件。

  inputtype=checkbox

  创建复选框控件。

  inputtype=file

  创建文件上载控件,该控件带有一个文本框和一个浏览按钮。

  inputtype=hidden

  传输关于客户/服务器交互的状态信息。

  inputtype=image

  创建一个图像控件,该控件被点击后将导致表单立即被提交。

  inputtype=password

  创建与INPUTtype=text控件类似的单行文本输入控件,不过并不显示用户输入的内容。

  inputtype=radio

  创建单选钮控件。

  inputtype=reset

  创建一个按钮,点击该按钮后,将重置表单控件回其初始值。

  inputtype=submit

  创建一个按钮,点击该按钮后,即提交表单。

  inputtype=text

  创建一个单行的文本输入控件。

  ins

  表示插入到文档中的文本。

  isindex

  使浏览器显示一个对话框,提示用户输入单行文本。

(不建议使用)

  kbd

  以定宽字体显示文本。

(不建议使用)

  label

  为页面上的其它元素指定标签。

  legend

  在fieldSet对象绘制的方框内插入一个标题。

  li

  表示列表中的一个项目。

  link

  允许当前文档和外部文档建立连接。

  listing

  以固定宽度的字体显示文本。

  map

  包含客户端图像映射的坐标数据。

  marqueee

  创建一个滚动的文本字幕。

(不建议使用)

  menu

  创建一个无序列表。

  meta

  向服务器和客户端传达关于文档的隐藏信息。

  nobr

  不换行显示文本。

  noframes

  包含对于那些不支持FRAMESET元素的浏览器使用的HTML。

  noscript

  指定在不支持脚本的浏览器中显示的HTML。

  object

  在HTML页面中插入对象。

  ol

  编制排序列表。

  optgroup

  允许作者对select元素中的选项进行逻辑分组。

  option

  表示SELECT元素中的一个选项。

  p

  表示一段。

  param

  设置APPLET、EMBED或OBJECT元素的属性初始值。

  pre

  以固定宽度字体显示文本。

  q

  分离文本中的引语。

  s

  带删除线方式显示文本。

(不建议使用)

  samp

  表示代码范例。

  script

  指定由脚本引擎解释的页面中的脚本。

  select

  表示一个列表框或者一个下拉框。

  small

  指定内含文本要以比当前字体稍小的字体显示。

  span

  指定内嵌文本容器。

  strike

  带删除线显示文本。

(不建议使用)

  strong

  以粗体显示文本。

  style

  指定页面的样式表。

  sub

  说明内含文本要以下标的形式显示,比当前字体稍小。

  sup

  说明内含文本要以上标的形式显示,比当前字体稍小。

  table

  说明所含内容组织成含有行和列的表格形式。

  tbody

  指明哪些行作为表格的主体。

  td

  指定表格中的单元格。

  textarea

  多行文本输入控件。

  tfoot

  指明哪些行作为表尾。

  th

  指定标题列。

标题列将在单元格中居中并以粗体显示。

  thead

  指定哪些行作为表头。

  title

  文档的标题。

  tr

  指定表格中的一行。

  tt

  以固定宽度字体显示文本。

(不建议使用)

  u

  带下划线显示文本。

(不建议使用)

  ul

  表示不排序的项目列表。

  var

  定义程序变量,通常以斜体显示。

  wbr

  向一块NOBR文本中插入软换行。

  XHTML的一些基础知识,以及和HTML的一些区别

  HTML语言是我们建立网页的工具,从它出现发展到现在,规范不断完善,功能越来越强。

但是依然有缺陷和不足,人们仍在不断的改进它,使它更加便于控制和有弹性,以适应网络上日新月异的应用需求。

2000年底,国际W3C(WorldWideWebConsortium)组织公布发行了XHTML1.0版本,XHTML和HTML,XML有什么不同,它增加了什么新功能,今天就让我们来初步认识一下XHTML。

  XHTML1.0是一种在HTML4.0基础上优化和改进的的新语言,目的是基于XML应用。

XHTML是一种增强了的HTML,它的可扩展性和灵活性将适应未来网络应用更多的需求。

下面是W3C的HTML工作组主席Stevenpemberton回答的关于XHTML的常见基础问题。

  问:

为什么XHTML1.0相对HTML4.0独立发展?

  答:

并不是这样。

XHTML恰恰就是HTML4.0的重新组织,(确切的说它是HTML4.01,是一个修正版本的HTML4.0,只不过以XHTML1.0命名发行。

)它们在XML里的解释会有一些必要的差别,但另一方面,它们依然非常相似,我们可以把XHTML的工作看作是HTML4.0基础上的延续。

  问:

XHTML1.0如何实现XML标准?

  答:

XHTML就是一种XML应用。

它采用XML的DTD文件格式定义,并运行在支持XML的系统上。

这里要感谢XML的Namespaces功能,浏览器制造商不需要再创造新的私有标签(tags),他们只需要在XHTML代码里包含XML代码片段,或者XML代码里包含XHTML代码片段。

  问:

用XHTML,网页设计师会遇到和HTML一样的浏览器兼容性问题吗?

  答:

希望不会。

"严格的错误防御标准"将帮助浏览器对代码作出相同的响应,XML的namespaces功能使你可以增加自己的新标签而不需要特别的浏览器支持。

现在我们所需要得到保证的就是:

所有浏览器开发商一致并且完全遵守我们制定的CSS。

写信给你的浏览器制造商,告诉你需要的CSS规范,你甚至可以检测浏览器是否听从你的设计。

  问:

谁可以采用XHTML1.0设计?

  答:

因为XHTML非常简单易于实现,所以任何会用HTML的人都可以容易地使用XHTML。

当使用XML浏览器的人们越来越多,更多的工作会被建议使用XML,那时候也许都将使用XHTML。

  问:

什么时候XHTML网站会普及?

  答:

好问题。

我已经看到一些使用XHTML建立的网站,甚至在XHTML1.0发布以前。

我相信它将会有一个大发展,因为它太容易了。

但是现在的用户代理(浏览器)对XHTML都不是完全支持,而是部分支持,所以XHTML的普及还需要用户代理的进一步支持。

  问:

我们如何将现有的HTMl转换为XHTML?

  答:

非常简单,因为它们非常相似。

在W3C(www.w3c.org)网站上有一个开放原代码(open-source)的软件叫HTMLTidy,可以帮助你直接转换。

  问:

XHTML未来会怎样?

  答:

XHTML1.0仅仅是这个新HTML语言的第一步。

新版本将没有向下兼容老浏览器的约束,可以有更多的发展空间。

  首先,我们将进行一次彻底的清理,删除HTML4.0中不兼容的元素。

  其次,我们将XHTML模块化,允许人们在XML应用中使用XHTML模块(比如表格),减少重复开发。

同时也允许开发特别用途的设计,比如电话应用,只要属于XHTML的子集就可以保持兼容,人们可以创造他们自己的HTML。

[编辑本段]

常用的HTML编辑软件

  Dreamweaver

  Dreamweaver是美国Adobe(原Macromedia,2005年被Adobe收购)公司开发的集网页制作和管理网站于一身的所见即所得网页编辑器,它是第一套针对专业网页设计师特别发展的视觉化网页开发工具,利用它可以轻而易举地制作出跨越平台限制和跨越浏览器限制的充满动感的网页。

它不仅是优秀的WYSIWYG编辑器,更是优秀的代码编辑器,有代码加亮,代码提示等丰富功能,提供各种示例代码,并支持Javascript,PHP,ASP,JSP等多种脚本语言。

最新版本为CS4,发布于2008年9月。

  Frontpage

  Microsoft公司出品的FrontPage是制作表单式网页的常用工具。

FrontPage2000是微软公司最新推出的面向21世纪网络办公自动化时代的大型套装软件0ffice2000中新增的一个重要组件,也是0ffice2000注重网络与Internet应用的一个重要体现。

FrontPage2000是目前最常用的中文版网页制作工具之一,简单易学。

FrontPage2000相对于前面的版本在网页向导、网页编辑、表单与框架页技术、音频与视频插件、动态HTML技术(DHTML,上世纪末兴起的一种web技术,现在已经过时)、数据库连接等方面进行了重大的改进,从而增强了网页制作的功能。

如果服务器安装了Frontpage扩展组件,还可以支持Frontpage的站点计数器等功能。

它从2007版的Office开始更名为SharepointDesigner。

  Delphi

  由Borland公司推出的Delphi是全新的可视化编程环境,为我们提供了一种方便、快捷的Windows应用程序开发工具。

它使用了MicrosoftWindows图形用户界面的许多先进特性和设计思想,采用了弹性可重复利用的完整的面向对象程序语言(Object-OrientedLanguage)、当今世界上最快的编辑器、最为领先的数据库技术。

对于广大的程序开发人员来讲,使用Delphi开发应用软件,无疑会大大地提高编程效率,而且随着应用的深入,您将会发现编程不再是枯燥无味的工作——Delphi的每一个设计细节,都将带给您一份欣喜。

  eclipse

  Eclipse是一个开放源代码的、基于Java的可扩展开发平台。

就其本身而言,它只是一个框架和一组服务,用于通过插件组件构建开发环境。

幸运的是,Eclipse附带了一个标准的插件集,包括Java开发工具(JavaDevelopmentTools,JDT)。

  UltraEdit

  UltraEdit是能够满足你一切编辑需要的编辑器。

UltraEdit是一套功能强大的文本编辑器,可以编辑文本、十六进制、ASCII码,完全可以取代记事本(如果你的电脑足够强大),内建英文单字检查、C++及VB指令突显,可同时编辑多个文件,而且即使开启很大的文件速度也不会慢。

软件附有HTML标签颜色显示、搜寻替换以及无限制的还原功能

展开阅读全文
相关资源
猜你喜欢
相关搜索
资源标签

当前位置:首页 > 临时分类 > 批量上传

copyright@ 2008-2023 冰点文库 网站版权所有

经营许可证编号:鄂ICP备19020893号-2