[i=s] 本帖最后由 月夜猫妖 于 2014-1-10 22:20 编辑 [/i]
[align=left][color=#000000]教程中文化计划[/color][/align][align=left][font=Calibri][color=#000000]Web Fundamentals[/color][/font][/align][align=left][color=#000000]网页教程[/color][/align][align=left][font=Calibri][color=#000000]Learn the building blocks of webdevelopment with HTML and CSS, and create your own website by the end of thecourse.[/color][/font][/align][align=left][color=#000000]学习编写网页,使用[font=Calibri]HTML[/font]与[font=Calibri]CSS[/font],并且通过学习本教程,你将能够写出你自己的网络站点。[/color][/align][align=left][color=#000000][font=Calibri]Part1[/font]:[/color][/align][align=left][color=#000000]来源:[/color][/align][align=left][url=http://www.codecademy.com/zh/courses/web-beginner-en-HZA3b/0/1?curriculum_id=50579fb998b470000202dc8b][font=Calibri][color=#0000ff]http://www.codecademy.com/zh/courses/web-beginner-en-HZA3b/0/1?curriculum_id=50579fb998b470000202dc8b[/color][/font][/url][/align][align=left][font=Calibri][color=#000000]Why learn HTML?[/color][/font][/align][align=left][color=#000000]为何要学习[font=Calibri]HTML?[/font][/color][/align][align=left][font=Calibri][color=#000000]Every webpage you look at is written in alanguage called HTML. You can think of HTML as the skeleton that gives everywebpage structure. In this course, we'll use HTML to add paragraphs, headings,images and links to a webpage.[/color][/font][/align][align=left][color=#000000]每一个你看到的网页都是用[font=Calibri]HTML[/font]编写的。你可以把[font=Calibri]HTML[/font]想象成每个网页结构的骨骼。我们将会使用[font=Calibri]HTML[/font]向网页添加段落、标题、图片和链接。[/color][/align][align=left][font=Calibri][color=#000000]In the editor to the right, there's a tabcalled test.html. This is the file we'll type our HTML into. See the code withthe <>s? That's HTML! Like any language, it has its own special syntax(rules for communicating).[/color][/font][/align][align=left][color=#000000]右边的编辑区,是一个被称之为“[font=Calibri]test.html[/font]”的区域。这是一个将被我们编写入[font=Calibri]HTML[/font]得文件。看到“[font=Calibri]<[/font]”与“[font=Calibri]>[/font]”之间的代码了吗?那就是[font=Calibri]HTML[/font]!就像其他语言一样,它有它自己的编写规则(语法)。[/color][/align][align=left][font=Calibri][color=#000000]When we press Save & Submit Code, theresults tab will act like an Internet browser (e.g. Chrome, Firefox, InternetExplorer). A browser's job is to transform the code in test.html into arecognizable webpage! It knows how to lay out the page by following the HTMLsyntax.[/color][/font][/align][align=left][color=#000000]当我们按下“[font=Calibri]Save & Submit Code[/font]”时,这些代码将会像网络浏览器那样工作。一个浏览器的工作就是把“[font=Calibri]test.html[/font]”中的代码翻译为可以看到的网页。它指导如何遵从[font=Calibri]HTML[/font]的规则(语法)布置网页。[/color][/align][align=left][font=Calibri][color=#000000]Instructions[/color][/font][/align][align=left][color=#000000]操作指南[/color][/align][align=left][font=Calibri][color=#000000]01. To the right, we have a test.html file.[/color][/font][/align][align=left][color=#000000][font=Calibri]01. [/font]向右边看,我们有一个“[font=Calibri]test.html[/font]”文件。[/color][/align][align=left][font=Calibri][color=#000000]02. Change the text on line 2 (the bitbetween and ) to anything you like![/color][/font][/align][align=left][color=#000000][font=Calibri]02. [/font]将“[font=Calibri]line 2[/font]”的中的文本(“[font=Calibri][/font]”与“[font=Calibri][/font]”标签间)改变为任何你想要的。[/color][/align][align=left][font=Calibri][color=#000000]03. Hit Save & Submit Code, and you'llsee how the test.html file would look in a browser. Did you see that? The tags made our text bold![/color][/font][/align][align=left][color=#000000][font=Calibri]03. [/font]点击“[font=Calibri]Save & Submit Code[/font]”,你将看到“[font=Calibri]test.html[/font]”在浏览器中的样子。你看到了吗?“[font=Calibri][/font]”与“[font=Calibri][/font]”标签让我们的文本变得更加粗壮(咳咳,是变为黑体字)。[/color][/align]