哪位学IT的高手帮个忙~做个网页~在线等，_语言综合

有了原稿和译稿后，可以在Word中加载一个“对齐”模板 camdot，然后加载这两个稿件，对它们进行“对齐”，也就是排列成一行原文，一行对应的译文。如果需要这个模板，请留下电子邮件地址。

教程--一般概念

教程--文件标记

教程--排版标记

教程--字体标记

Q: 教程--一般概念

A: ■ HTML 一般概念：

这节将简单介绍 HTML。

全称：HyperText Mark-up Language

译称：超文本标记语言。

简意：一种为普通文件中某些字句加上标识的语言，其目的在于运用标记（tag）合文件达到预期的效果。

HTML 是在 SGML 定义下的一个描述性的语言，或可说 HTML 是 SGML 的一个应用程式。HTML 不是程式语言，如 C++ 和 Java 之类，它只是标记语言，基本上你只要明白了各种标记的用法便算学懂了 HTML，HTML 的格式非常简单，只是由文字及标记组合而成，于编辑部方面，任何文字编辑器都是可以，只要能将档案存为文本格式即可，用专门的网页编辑工具当然更好。

■ 阅读须知：

这一篇偏重于标记的介绍，考虑到易懂及每节的篇幅问题，我并不按 W3C 的 HTML 分类，这可令你更易选择有兴趣的标记，其中只有是必须的，其余可任意选择。这一篇不会提及任何网页编辑软件，只要你掌握了 HTML ，任何网页编辑工具都可以变成一把利器。（就好像只要你有深厚内功，树叶同样可以杀人）

■ 标记写法：

·任何标记皆由"<"及">"所围住，如 <P>

·标记名与小于号之间不能留有空白字元。

·有些标记需要加上参数，有些不要。如 <font size="+2">Hello

·参数只可加于起始标记中。

·在起始标记的标记名前加上符号"/"便是终结标记，如

·标记字母大小写皆可。

■ 围堵标记与空标记：

标记按型态分为围堵标记与空标记

1、围堵标记

顾名思义，它以起始标记及终结标记将文字围住，令其达到预期要显示的效果。

例如 HTML Source ： Creation of Webpage is my favourite

显示成： Creation of Webpage is my favourite

其中便称为围堵标记。它以起始标记及终结标记标示文字 Creation of webpage ，令它显示成粗体，两者失其一都会发生错误显示。

2、空标记

是指标记单独出现，只有起始标记没有终结标记。

例如 HTML Source：

I love Creation of Webpage<br>It's a wonderful place

显示成：

I love Creation of Webpage

It's a wonderful place

其中换行标记<br>便属于空标记。

它的作用是将标记后的所有东西显示于下一行，可同终结标记对它是没有意义的，但有些人为空标记加上终结标记，这是为方便阅读而已，对 HTML 没有影响。

文章来源:Goeway

Q: 教程--文件标记

A:■ 文件标记

欲明白本篇之标记分类，请看。

也请先明白围堵标记与空标记的分别，请看。

■ HTML 基本架构：

以下 HTML Source Code 便是一份 HTML 文件的基本架构：

<HTML>

<HEAD>

<TITLE> 网页的标题 </TITLE>

</HEAD>

<BODY>

网页的内容，很多标记都作用于此

</BODY>

</HTML>

特点解说：

整份文件处于标记<HTML>与</HTML>之间。

<HTML>用以宣告这是 HTML 文件，让浏览器认出并正确处理此 HTML 文件。

文件分两部份，由<HEAD>至</HEAD>称为开头，<BODY>至</BODY>称本文。

基本上两者各有适用的标记，如<TITLE>只可出现于开部分。

开头部分用以存载重要信息，而只有本文部分会被显示。

所以大部分标记会应用于本文部分。

<TITLE>所标示的是文件的标题。

会出现于浏览器顶部及为别人 Bookmark 时的名称，所以每页有不同面明确的标题是需要的。

上述标记中只有<BODY>具参数设定。

■ <BODY> 的参数设定：

例子：

text="#000000"

用以设定文字颜色。 #000000 代表黑色，也可以采用颜色名称，即 text="black" 。各种颜色的值及名称可参考一节。

link="#0000FF"

设定一般文字链接的颜色。

alink="#FF0000"

设定刚按下时文字链结颜色。

vlink="#0000FF"

设定被按过后的链接的颜色。

background="bg1gif"

设定背景。GIF 或 JPEG 皆可，可以是绝对路径或相对路径。

bgcolor="#FFFFFF"

设定背景颜色，当已设定背景时会失去作用，除非透明部分。

leftmargin=2

设定整份文件显示画面的左方边沿空间，单位为像素。（只适用于IE）

topmargin=2

设定整份文件显示画面的上方边沿空间。（只适用于IE）

bgproperties="fixed"

固定背景，当卷轴卷动时不会跟着卷动。（只适用于IE）

标记及参数的字母大小写都可以。其他如 onload 等事件请参看有关 Java Script的介绍。

文章来源：Goeway

Q: 教程--排版标记

A:■ 排版标记

； <P> ；

； <HR> ； <CENTER> ； <PRE> ； <DIV> ； <NOBR> ； <WBR> ；

欲明白本篇之标记分类，请看。

也请先明白围堵标记与空标记的分别，请看。

■： ▲Top

像很多电脑语言一样，HTML 也提供注解功能。浏览器将忽略此标记中的文字（可以是很多行）而不作显示，一般使用目的：

为文中不同的部分加上说明，方便日后修改。

这对较复杂或非私人网页尤其重要，它不单提醒自己也提醒其他同事这部分做什么、那部份做什么。

例子：

假如你不希望别人使用或复制你的网页，可加上警告字句。

例子：

■ <P> ： ▲Top

<P> 称为段落标记。作用：留一空白行。

本来<P>是一个围堵标记，标于一段落的头尾，但从 HTML 20 开始已不需要</P>作结尾。

<P> 的常用参数：如：<p align="center">

align="center"

可选值：right, left, center。

默认值： align="left"

例子：原代码 Here is the text for my paragraph It does't matter how long it is,

how many space are between the words or when I decide to hit the return key

It will create a new paragraph only when I begin the tag with another one

<P>Here's the next paragraph

显示结果 Here is the text for my paragraph It does't matter how long it is, how

manyspace are between the words or when I decide to hit the return key It

will create a new paragraph only when I begin the tag with another one

Here's the next paragraph

■

： ▲Top

称为换行标记。作用：令其后的内容在下一行显示。

由于浏览器会自动忽略原代码中的空白和换行的部分，这使得

成为最常用的标记之一。因为无论你在原代码中编好了多漂亮的文章，若不适当地加上换行标记或段落标记，浏览器只会将它显示成一大段。

错误示范：原代码 566 E Boston Post RD

Mamaroneck NY 10543-9982

United States of America

显示结果 566 E Boston Post RD Mamaroneck NY 10543-9982 United States of America

正确例子：原代码 566 E Boston Post RD

Mamaroneck NY 10543-9982

United States of America

显示结果 566 E Boston Post RD

Mamaroneck NY 10543-9982

United States of America

■ <HR> ： ▲Top

<HR>称为水平线。作用：插入一条水平线。

<HR> 的参数修改：

以： <HR align="LEFT" size="2" width="70%" color="#0000FF" noshade> 为例。

align="LEFT"

设定线条摆放位置，可选择：left；right；center 三种设定值。

size="2"

设定线条的厚度，以像素作单位，内定为 2。

width="70%"

设定线条长度，以像素作单位，可以是绝对或相对值，内定为 100%。

color="#0000FF" （只适用于IE）

设定线条颜色，内定为黑色。 #0000FF 代表蓝色，也可以采用颜色的名称，即 text="blue" 。各种颜色的值及名称请参考一节。

noshade

设定线条为平面显示，若删去则具阴影，这是内定值。

例子：原代码 <HR>

■ <CENTER> ： ▲Top

<CENTER>称为居中标记。作用：令置中对齐。

你会发现很多的标记已有 align="CENTER" 的参数，<CENTER>似乎是多余了，事实上它还是常用的标记之一，其简单易用，常用于文字，对于已加有 align="CENTER" 参数的 <TABLE> 标记也不要厌其烦地加上居中标记，因为很多浏览器不支持<TABLE> 标记中的 align="CENTER" 参数。

例子：原代码 <CENTER>Chris's First Homepage</CENTER>

<CENTER>My profile</CENTER>

结果 Chris's First Homepage

What's new

My profile

■ <PRE> ： ▲Top

<PRE>称为预设格式标记。作用：令文字按照原代码的方式显示。

这标记允许保留你在原代码中输入的空白和回车。细看以下例子你便可体会到此标记的威力。除了运用一大堆表格标记之外你只有采用这标记才能有此效果。

能以<PRE>标记产生对齐效果，或产生多于一行的空白才算上乘！

例子：原代码 <pre> Creation of Webpage Log Analysis I

Composer Learning 459 407 480 522 547 586 673

HTML Advanced 200 268 296 358 385 453 506</pre>

显示结果 Creation of Webpage Log Analysis I

Composer Learning 459 407 480 522 547 586 673

HTML Advanced 200 268 296 358 385 453 506

■ <DIV> ： ▲Top

<DIV>称为定位标记。作用：设定文字表格等摆放位置。

<DIV>应用在 Style Sheet（样式表）方面更显威力，它最终目的是给设计者另一种组织能力，有 Class ; Style ; title ; ID 等属性，将于一节才作详述，这里只作一个属性设定。

以 <DIV align="center"> 为例：

align="center"

可选值：center ; left ; right 。决定对齐方向。

<DIV align="center"> 的作用和居中标记 <CENTER>一样，前者是由 HTML30 开始的标准，后者是通用已久的标示法。

例子：原代码 <DIV align="center">Chris's First Homepage

<br>What's new

<br>My profile</DIV>

显示结果 Chris's First Homepage

What's new

My profile

■ <NOBR> ： ▲Top

<NOBR>称为不换行标记。作用：令文字不能因太长而换行。它对住址、数学公式、一行数字等尤其有用。

例子：（其中 Chris's Creation of Webpage 将不被分开而显示于同一行。）原代码 If you want to know how to create you own homepage quickly, don't miss

<NOBR>

Chris's Creation of Webpage</NOBR> which will help you a lot

显示结果 If you want to know how to create you own homepage quickly, don't miss

Chris's

Creation of Webpage which will help you a lot

■ <WBR> ： ▲Top

<WBR>称为建议换行标记。作用：预设换行部位。

它没有侵犯到

的责任，只是作建议而已，若浏览者的显示器分辨率够高的话，那么它是不会换行的。

例子：（若不加<WBR>标记，整个网址会显示下一行。）原代码 Please visit my other homepage which locate at

Silicon

Valley/<WBR>Sector/8234/indexhtml There are many softwares for download

I think you will really love that place

显示结果 Please visit my other homepage which locate at

Silicon

Valley/Sector/8234/indexhtml There are many softwares for download I

think you will really love that place

文章来源：Goeway

Q: 教程--字体标记

A: ■ 字体标记

欲明白本篇之标记分类，请看。

也请先明白围堵标记与空标记的分别，请看。

■实体标记与逻辑标记： ▲Top

这一节你必须先明白实体标记与逻辑标记的分别，否则你会迷惑于为何不同的标记却有相同的效果。两者分别有以下两处：

1、实体标记有固定的显示效果，逻辑标记标记则依不同浏览器而不同。

例如逻辑标记的 <EM> 由于浏览器的不同它所标示的文字不一定出现斜体效果，它可能是加底线、粗体或反白等，所以这一节是以它们在 IE 和 NC 中的效果作介绍。

2、多个实体标记也可有效标示同一字句，逻辑标记则通常于浏览器不能有效显示多重的标示。

例如两个逻辑标记 <EM> 及 <STRONG> 同时标示一字句于旧浏览器常失去作用。

实体标记有：

<U>

逻辑标记有：

若要求真确的效果当然以实体标记为佳。

■<STRONG> ： ▲Top

两者皆能产生字体加粗效果，但必须注意的是当文件编码被设为汉字时，两者所标示的中文字不会在 Netscape Netvigator 显示粗体效果。

例子：（第一行是没有任何字体标记的，作参照用） HTML Source Code （原代码）浏览器显示结果

Creation of Webpage

<br><STRONG>Creation of Webpage</STRONG>

<br>Creation of Webpage Creation of Webpage

Creation of Webpage

■ <EM> <VAR> <CITE> <DFN> <ADDRESS>： ▲Top

这些标记在 Internet Explorer 里都会产生斜体效果，而只有 </DFN> 于 Netscape Netvigator 失去作用。这些标记中只有 <ADDRESS> 较为特别，因为它包括换行效果所以不必在它前面加上

标记。

例子： HTML Source Code （原代码）浏览器显示结果

Creation of Webpage

<br><EM>Creation of Webpage</EM>

<br><VAR>Creation of Webpage</VAR>

<br><CITE>Creation of Webpage</CITE>

<br><DFN>Creation of Webpage</DFN>

<ADDRESS>Creation of Webpage</ADDRESS> Creation of Webpage

Creation of Webpage

■<TT> <SAMP> <CODE> <KBD> <U> <STRIKE> <BIG> <SMALL> <SUP> <SUB> ▲Top

为方便对照及记认，所以把十个标记放在一起介绍。

<TT> <SAMP> <CODE> <KBD> 可令每字母有相等宽度且每个字母之间的距离稍微加宽。但于 NC 不见得如此。

<U> 是加底线的标记，一些特别的浏览器并不支持，因顾虑到与链接混淆。

<STRIKE> 加上删除线的标记。

<BIG> 令字体加大。

<SMALL> 令字体变细。

<SUB> 为下标字， <SUP> 则为上标字，仅剩的数学标记。

例子：（第一行是没有任何字体标记的，作参照用） HTML Source Code （原代码）浏览器显示结果

Creation of Webpage

<br><TT>Creation of Webpage</TT>

<br><SAMP>Creation of Webpage</SAMP>

<br><CODE>Creation of Webpage</CODE>

<br><KBD>Creation of Webpage</KBD>

<br>Creation of Webpage

<br><STRIKE>Creation of Webpage</STRIKE>

<br><BIG>Creation of Webpage</BIG>

<br><SMALL>Creation of Webpage</SMALL>

<br>12345<SUB>7</SUB> 6789<SUP>9</SUP> Creation of Webpage

Creation of Webpage

123457 67899

■<H1> <H2> <H3> <H4> <H5> <H6>： ▲Top

这些标记是标题标记，由 <H1> 到 <H6> 逐渐变小。每个标题标记所标示的字句将独占一行且上下留一空白行。

例子：原代码 <H1>Header Level 1</H1>

<H2>Header Level 2</H2>

<H3>Header Level 3</H3>

<H4>Header Level 4</H4>

<H5>Header Level 5</H5>

<H6>Header Level 6</H6>

显示结果 Header Level 1

Header Level 2

Header Level 3

Header Level 4

Header Level 5

Header Level 6

■ <BASEFONT>： ▲Top

这一节只有这两个标记具参数设定，且两者的参数设定是一样的，都是负责设定文字的大小、字型及颜色，但各有用处，且看以下比较：

<BASEFONT> 可以用于文件开头部分，即 <HEAD> 与 </HEAD> 之间的位置，将影响全文字句，是一个空标记，用以改变字体显示的内定值。

是应用于文件的内文部分，即 <BODY> 与 </BODY> 之间的位置，只影响所标示的字句，是一个围堵标记。

两标记可同时存在，唯没被所标示的字句才直接受 <BASEFONT> 所影响，而本身也受 <BASEFONT> 的影响。

的参数设定：

例子： <font face="Arial" size="+2" color="#008000">Creation of Webpage

face="Arial"

设定文字的字形。Arial 是常用的一种，请不要使用 Window 附带字体以外的字体。对于没有设定为中文代码的中文网页，Netscape Netvigator 不会显示此标记所指明的任何中文字体。

size="+2"

设定文字的大小。其值可以是绝对或相对，

绝对的意思是标记自己决定文字的大小，不受 <BASEFONT> 的影响，如

size="5" 表示其大小便是 5，而html内定值为 3，即 size="3"和没设定是一样的。

相对的意思是在默认值 3 基础上增大或缩小的级数，如 size="+2" 便等同绝对表示法的 size="5"，蓝天若已设定 <BASEFONT size="n"> 则其实际大小便是 n+2 不再是 3+2 了。<BASEFONT>只有绝对表示法。

color="#008000"

设定文字的颜色。#008000 表示绿色，各类颜色值及调色法请参考

例子：原代码 <font size="+1">I love Creation of Webpage

<br><font size="+2" color="#800080">I love Creation of Webpage

<br><font face="Times New Roman" size="5" color="#008000">I love Creation of Webpage

显示结果 I love Creation of Webpage

I love Creation of Webpage

一、不是故意写错的（引号中为错别字）

1、饭店门口：“抄”饭

2、修车店门口：补胎“冲”气

3、零售店铺门口：“另”售

4、家具店门口：家“俱”

5、装潢店门口：装“璜”

6、失物广告：失物“启示”

7、安装公司门口：“按”装

8、洗车店门口：洗车打“腊”

9、饭店门口：“合”饭

10、水果店门口：“波”萝

11、饭店菜单：鸡“旦”

12、五金店标牌：“扦”座

13、体育用品店标牌：“兰”球

14、快餐店门口：大排“挡”

15、农贸市场标牌：“蕃”茄

16、停车场招牌：“仃”车收费

17、严打宣传标语：严“历”打击

18、某机场横幅：年“青”

19、某交通宣传标语：超限超载“殆”害无穷

20、某食堂菜牌：鱼“园”

二、故意写错的（引号中为错别字）

1、药品广告：“咳”不容缓

2、山地车广告：“骑”乐无穷

3、补品广告：“鳖”来无恙

4、眼镜广告：一“明”惊人

5、驱蚊器广告：默默无“蚊”

6、透明胶带广告：无可替“带”

7、网吧广告：一“网”情深

8、钢琴广告：“琴”有独钟、一见钟“琴”

9、热水器广告：随心所“浴”

10、空调广告：终生无“汗”

11、服装店广告：“衣帽”取人

12、某洗衣店广告：“衣衣”不舍

13、某房产公司广告：万“室”俱备

14、某蛋糕广告：步步“糕”升

15、胃药广告：一“不”到“胃”

16、赛马广告：乐在“骑”中

17、电熨斗广告：百“衣”百顺

18、快餐店广告：“烧”胜一筹

19、洗衣机广告：“闲”妻良母

20、帽子公司广告：以“帽”取人

21、治结石病广告：大“石”化小、小“石”化了

22、打印机广告：百闻不如一“键”

23、涂料广告：好色之涂

24、冰箱广告：制冷鲜锋

25、治痔疮药广告：有痔无恐

26、花园公寓广告：随寓而安

27、跳舞机广告：闻“机”起舞

28、海鲜广告：领“鲜”一步

29、口腔门诊广告：“快治”人口

30、礼品店广告：“礼”所当然

可以取消在单词间换回。

选中需要调整的内容。

打开段落对话框。

中文版式选项卡中勾选允许西文在单词中间换行。

也可直接打开段落对话框设置，设置后点击设为默认值，选择当前文档时整个文档进行调整，选择基于模板时新建文档按设定的换行。

以上就是关于有没有一种翻译可以把一段甚至一篇的英文翻译，要求是在每句的下面翻译该句子，然后自动换行翻译下一行全部的内容，包括:有没有一种翻译可以把一段甚至一篇的英文翻译，要求是在每句的下面翻译该句子，然后自动换行翻译下一行、网页编辑、哪位学IT的高手帮个忙~做个网页~在线等，等相关内容解答，如果想了解更多相关内容，可以关注我们，你们的支持是我们更新的动力！

欢迎分享，转载请注明来源：内存溢出

原文地址: http://outofmemory.cn/langs/8868061.html

哪位学IT的高手帮个忙~做个网页~在线等，

发表评论

评论列表（0条）