板块-1编程教学资源共享 - 喵宅苑 × 技术宅II

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.

每一个你看到的网页都是用HTML编写的。你可以把HTML想象成每个网页结构的骨骼。我们将会使用HTML向网页添加段落、标题、图片和链接。

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).

右边的编辑区，是一个被称之为“test.html”的区域。这是一个将被我们编写入HTML得文件。看到“<”与“>”之间的代码了吗？那就是HTML！就像其他语言一样，它有它自己的编写规则（语法）。

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.

当我们按下“Save & Submit Code”时，这些代码将会像网络浏览器那样工作。一个浏览器的工作就是把“test.html”中的代码翻译为可以看到的网页。它指导如何遵从HTML的规则（语法）布置网页。

Instructions

操作指南

01. To the right, we have a test.html file.

01. 向右边看，我们有一个“test.html”文件。

02. Change the text on line 2 (the bitbetween *本站禁止HTML标签噢* and </strong>) to anything you like!

02. 将“line 2”的中的文本（“ *本站禁止HTML标签噢* ”与“</strong>”标签间）改变为任何你想要的。

03. Hit Save & Submit Code, and you'llsee how the test.html file would look in a browser. Did you see that? The *本站禁止HTML标签噢* </strong> tags made our text bold!

03. 点击“Save & Submit Code”，你将看到“test.html”在浏览器中的样子。你看到了吗？“ *本站禁止HTML标签噢* ”与“</strong>”标签让我们的文本变得更加粗壮（咳咳，是变为黑体字）。

[查看全文]

安基翋

由于文件超过了论坛文件上传的大小所有我压缩成分卷请大家用好压解压~~上附件：
[查看全文]

绯色基

展开Biu

本帖最后由 绯色基 于 2013-6-2 22:16 编辑
第一个是一个类似GitHub的分享一些前端css JavaScript 等等代码的地方
在网站上可以直接看到各种代码的预览界面，也有一个简易在线编辑器，非常适合新手学习或者预览代码效果
本内容已隐藏，回复后刷新可见哦
=====================
本人也是初学者，表述上有误的话还请见谅
[查看全文]

首页

末页