毕业论文外文翻译HTML教程.doc

-外文翻译外文原稿一HTML Tutorial作者：Chris topper L Merrily.国籍：USA出处：butt:/wow.Webper formanceinc.tom/原文正文：HTML Tutorial - Chapter 5 Linking PagesIf you want to have multiple pages, or want to link to a favourite site of yours, you must place a link in your page.A link is easy to do: Click here to go! Anything between the tag and the tag becomes a link.When you click on a link, it takes you to the page.Here are some examples: Yahoo!Cool page!Note: In the address part of , the butt:/ is required unless you are linking to a page on your site.If you have a page called my hobbies.HTML in your Web page directory， you can do something like My Hobbies! The following will not work:Yahoo? The same goes for linking pictures in chapter 4 You can make pictures link to sites as well: Some brothers automatically place a border around images that are links.To disable this， put border=0 in the tag.HTML Tutorial - Chapter 6TablesTables are effective in making graphical or text presentations look sharp.It can nicely organize a list of data.They form boxes around whatever you want and can split into smaller sections， called cells.To start a table you begin with a tag,. declares a few things about the table.The things are defined by using them as options in the tag.For example, In a table a cell is a square in the table that contains HTML code that is confined to that small square.NOTE: The cell size is determined by whats in it.If you have Hi! the cell will be small.If you have the entire Constitution, it will be a tad bit longer.Width declares how many cells wide the table is.Height declares how many cells tall the table is.wellspring is how much space is between cells, and cell padding is how thick the spacing is.Border is how wide the border is.Border=0 means no border.Now you must make the cells.Its very easy.To start cells on a new row,you use the tag.To make a cell,use the tag.After a row is done, you must .After a cell is done,you must Rows/Cells should go with the height and width.Example: Tables!Cell1Cell2Cell3Cell4HTML Tutorial - Chapter 7Forms and ButtonsInteractivity depends on.well.being able to interact and input.Enter forms and buttons.Forms and buttons allow you to put questionnaire on your page, find out whose using it,and if you get really good and learn chi, run programs on your page.For now well do the basics because anything advanced would involve CGI a totally different programming language requiring another tutorial.You dont want to get into that right now.The initial tag is . has some attributes that define what the form does.There are 2 attributes you will learn now.Action and Method.To define an attribute, like any other tag, you use .Action is the address of what the form does.Mainly it is used for chi, but there is another use for forms, and that is email comments.A form action can be sent to a mainly address just like in .So would send form information to that email.Method is whether the form is getting information or posting it.Get is only for CGI really,so all you need to put now is post. Before the ,you must use the tag to put in the actual form data that needs to be filled out.There are several kinds of form inputs.Form uses attributes to.Here is a list of the initial ones.There will be an example for each one to follow.Each one has its own sub attributes.Just follow the examples.All form types have name attribute.Any information is listed under that name,and CGI can depend on it.Just set it to whatever job it fits, like Name,Address,Fanfold.Text - Normal one line text input Size is how many characters the box is.MAX is how many characters the box can scroll horizontally, even past size.Value is the default text.It can be omitted if desired.Password - Exactly identical to Text, only any input is shown as * to the user.Textured - Large text box input, can be used for comment forms. Cols are how many columns of text the box can have.Rows are how many rows of text the box can have Submit - Sends form to action Submit makes a button with the value that， when clicked, will activate the form and do whatever is defined in Reset - Clears all data Same as submit, only it will clear all inside the tag.Radio - Makes a list of radio buttons in which only 1 can be used, for multiple choice questions.Female To define a set of radio buttons, i.e.in which inputs can only 1 be selected,give them all the same name, just different values.Checkout - Makes a Checkout with a yes/no question Hidden - Delivers predefined text without asking the user. The hidden option is usually only used with CGI.HTML Tutorial - Chapter 8 E-MailingIt is possible to make a link that allows people to e-mail you or someone else directly from your Web page, assuming they have a compatible Web browse.It would be rare for any browse to not support e-mailing.You probably have Newscast or MSIE, but even text based Web brothers (Lynx) support mailing.Mailing (in its simple form,youll learn how to add form e-mailing later) is a link tag.If you remember,a link tag follows this format: Click here!.An e-mail link tag is slightly different.It follows this format: Click here to e-mail me! For example,Petes E-mail Like its said in Chapter 5,an image can also be a link to an e-mail address,example: a ref=mainly:mesite.tomIf someone clicks on the link， it will open their mail program to send you comments!HTML Tutorial - Chapter 9 FramesFrames are features of HTML that create mini sections inside a browse.These frames are relatively like individual windows inside the main browse window.Frames are used to divide-off a section of the page to be used for a menu bar, or an advertisement,or anything. In order to start a set of frames,you need to use the fragment tag: Some options will be used in fragment to define how wide the frames are and how tall they are， not to mention how many of them there are.Later on when you want to end this tag， you will use the end fragment tag: One last note: The placement of the form tags go before the tag.After the fragment tag is finished, anything else in the body is displayed to brothers that do not support frames.Lets start with an example: My Page Your browse is way to old! Get a new one!The fragment format goes as follow: It has 2 possible attributes.rows, and columns.This sets how many rows and columns there are for frames.The two attributes can be set according to this format: rows=number, number/* and columns=number， number/*.They can both be used in the same fragment.Each can have as many numbers as you want.For example, setting rows=10，10，10，10，* would make 4 very small rows, and then one large row.* stands for what ever is left. So making columns=50,10,* would make one large column， one small column， and one huge column.Note: You should not use rows and columns in the same fragment.It gets confusing.If you get good, try experimenting with embedding a second fragment inside another so that you can have rows and columns.After fragment, the frames are defined in order.In the example, there are 2 columns defined, one column is small at 20%,and the other (remember * is whatever is left) is 80% because of course, 100% - 20% = 80%.The frames themselves are defined in order， so the first will be the small column， and the second will be the large one.The frame tag is used to declare a frame and special options for the frame, like how to make it so that there are no bars, or maybe make it so that it cant be resized.Frame attributes/options: sec - This is the HTML page of the frame you want to put in. for - This is a keyword used to define a frame.Say you had a menu frame and wanted it so that whenever you click a link on the menu, it opens the page you want in the main frame (the large one, if you make a large one), instead of the menu.You simply put target=filename in the tag, and its that simple. for example.fireside - Sets it so that the frames boxer lines cannot be changed. for example.scrolling - Can the frame have scrolling? Sometimes you want scrolling off if Newscast automatically scrolls a title bar or something that you want to stay still. for example.Auto would mean that the browse would use its best judgement to decide whether the frame needed scrolling.border - How wide should the lines forming the frames be? Making invisible lines makes the page look nice because it looks like the page is solid, but you can make nice use of a menu system, and also you can have 2 different backgrounds next to each other.margin width - How wide the frames margin is.margin height - How tall the frames margin is. for example.After the tags are done, teats it.Use the tag to finish off the frame syntax.Anything put in the body tag after a fragment will be considered old browse text.For example, if someone enters your page with Lynx (a Unit/Since text Web browse), or Newscast 1.0 (a very old version of Newscast without frame support) then all theyd see is a blank page.But by putting something like: This page uses frames, please get a new browse. They will be able to read that and know that your page isnt empty, it just uses frames that they cant access.You could even put a text version of your main page, so that everyone could access your site regardless of browse (an ideal thing to do).中文译文一HTML教程作者：Chris topper L Merrily国籍：美国出处：butt:/wow.Webper formanceinc.tom/HTML 语言指南- 第5章 页的链接如果想拥有多个页面或者链接到你最喜欢的其中一个网站，你只要在页面中放置一个链接即可。链接是很容易做的：Click here to go! 在 标签和 标签之间的任何东西都成为一个链接。当你单击某一链接，将会转到相应的页面。这里有几个例子：Yahoo!Cool page!注意:在的地址部分， butt:/是必须要的除非你所链接的页面在你的站点上。如果在你的网页目录中有一张my hobbies.HTML网页，你可以这样做My Hobbies!像Yahoo? 这样就不能链接成功。与第四章链接图片一样，你用图片也可以链接到站点： 有些浏览器自动在链接的图像四周加个边框。若不需要边框，可以在标签里输入border=0HTML 语言指南 第六章 表 格在作图片或文本表达时，用表格是很有效的措施。表格能够精细的组织好表单数据。表格在你所想的地方形成一个方框并且能分成很多较小的部分叫单元格。启用一张表格，先用标签开头。声明了一些关于表格的属性。这些属性在标签选项使用时已定义好了。举个例子， 在表格中，如果它的HTML代码限定了小的正方形，那么在表格中的单元格是正方形的。注意: 单元格的大小已经在表格里定义完成。如果你用 Hi! 单元格会更小。若你写全整个表格，代码会有点长。 Width 表示表格有多少个单元格那样宽；Height 表示表格有多少个单元格那样高。 wellspring 表示单元格之间的间隔； cell padding 表示间隔的厚度Border表示边框的宽度，Border=0 表示没有边框。现在你要绘制单元格了。这是很容易的事。在新的一行上绘制多个单元格，用标签。绘制一个单元格用标签。当一行完成后，要用。当单元格完成后，用。行数和单元格数应该和表格的 height 与width.保持一致。例子：Tables!Cell1Cell2Cell3Cell4HTML 语言指南- 第七章 表单和按钮交互性依赖于友好地能交互和输入。输入表单和按钮，表单和按钮允许你在页面上提出你的问题，如果你很出色且熟悉公共网关接口，找出谁的公共网关接口在使用你的表单并在你自己的页面上运行程序。从现在起，我们要做基本的，因为任何高级语言都包括了CGI任何一门不同的编程语言需要另外指南.你不必马上深入其中。表单的初始标签是。有一些定义表单的属性。现在你将会学习2个属性Action和 Method。像其它标签一样，定义表单某个属性，用。Action 是表单要调用程序所在的地址，Action 主要是用于CGI， 但也有另一用处-电子邮件的注释。表单的行为可以是发送到一个链接中的邮件地址。 因此会把表单信息发送到steinnettled.tom邮箱中。Method 表示表单是获取还是提交信息。Get实际上是对CGI而言的，因此你想输出的就用post。在之前，你必须用标签输出你所需要填充的表单数据项。表单输入有几种类型。每种输入类型都有相应的一个实例。每种输入都有自己的属性。如下例所示：所有的表单输入类型都有name属性。在name下列出了所有信息，这样CGI能依靠它进行工作，看它和什么类型匹配， 像 Name， Address，Fanfold. Text 文本框- 通常是一行文本输入 Size ：该文本框可以显示的字符数MAX ： 超过size 个字符，一行最多能容纳的字符数Value ：默认文本 如有要求可以省略Password 严格地说和Text一样， 只不过输入时对用户来说以掩码“*”表示 Textured（文本域） 大的文本输入框， 可以用于表单注释或评论 Cols ：文本框可以输入多少列文本Rows ：文本框可以输入多少行文本 Submit 将表单发送给 action所指的程序处理 单击按钮时，Submit使得以value 值显示的按钮激活表单并执行在中定义的行为。Reset 清除所有的数据，和submit一样，只不过清除了在标签里的所有输入。Radio 产生一列单选按钮，在众多的选项中你只能选择一个Female要定义一个radio单选按钮的集合，也就是在该集合中仅有一个被选择，给每个单选按钮相同的name，而value不同。Checkout 产生一个回答是/不是的提问的复选框 Hidden 发表者事先确定好的文本，发表时不需请求用户 Hidden常和CGI一起使用HTML 语言指南 第 8 章 电子邮件假如用户有个兼容的浏览器，可能会做一个链接让他们直接从你的网页上给你或其他人发邮件。不支持电子邮件的的浏览器是很少的。你使用的可能是Newscast 或 MSIE，可是基于 Web 浏览器 (Lynx)的文本也支持邮件寄邮件 (在简单的表单里，你会学会如何加入表单e-mailing) 是个链接标签。如果你记性好的话，链接标签的格式如下：Click here!.而一个e-mail 连接标签稍微有点不同，它的格式是这样的：Click here to e-mail me! 例如：Petes E-mail 正如第五章所说的，一副图像也同样可以链接到一个e-mail地址例如： 如果有人单击该链接，将会打开他们的邮件程序发送到你所注释的邮件地址中。HTML 语言指南- 第9章 框 架框架是HTML的特征之一。它是HTML创建在浏览器里的极小一部分。框架间是相关的，就像在浏览器主窗口内的个体窗口。框架常用来分割开页面中的一部分用作菜单栏、广告及其它。为创建一套框架，你可以用框架标签：