translate html chapter to 40% #9

huluoyang · 2018-07-21T02:32:31Z

以后争取每天更新 10%，剩余部分在一周内更新完成。

…lenges into translate

S1ngS1ng

关于字符串。我觉得这一篇不涉及 JavaScript，所有的字符串都可以用 <code></code> 包裹起来，可以表示这些部分与其他部分（描述性文字）是不同的

S1ngS1ng · 2018-07-21T04:58:21Z

01-responsive-web-design/basic-html-and-html5.json

-        "<code>&#60;/h1&#62;</code>",
-        "The only difference between opening and closing tags is the forward slash after the opening bracket of a closing tag.",
-        "Each challenge has tests you can run at any time by clicking the \"Run tests\" button. When you pass all tests, you'll be prompted to submit your solution and go to the next coding challenge.",
+        "欢迎来到 FreeCodeCamp 的 HTML 编码挑战，这些挑战将会帮助你逐步掌握 web 开发。",


标准拼写是 freeCodeCamp。

多谢指正

S1ngS1ng · 2018-07-21T05:02:43Z

01-responsive-web-design/basic-html-and-html5.json

-        "The only difference between opening and closing tags is the forward slash after the opening bracket of a closing tag.",
-        "Each challenge has tests you can run at any time by clicking the \"Run tests\" button. When you pass all tests, you'll be prompted to submit your solution and go to the next coding challenge.",
+        "欢迎来到 FreeCodeCamp 的 HTML 编码挑战，这些挑战将会帮助你逐步掌握 web 开发。",
+        "HTML 是英文 Hyper Text Markup Language(超文本标记语言)的缩写。首先，使用 HTML 来制作一个简单的网页，你可以直接在本网页内置的代码编辑器中编辑代码。"


这个仿佛咱们之前讨论过，印象中应该是中文括号
HTML 是英文 Hyper Text Markup Language(超文本标记语言)的缩写
VS:
HTML 是英文 Hyper Text Markup Language（超文本标记语言）的缩写

我比较 prefer 后者。

至少现在这样，如果你打算用半角的，也得加空格

是的，应该是后者。

S1ngS1ng · 2018-07-21T05:06:51Z

01-responsive-web-design/basic-html-and-html5.json

-        "Each challenge has tests you can run at any time by clicking the \"Run tests\" button. When you pass all tests, you'll be prompted to submit your solution and go to the next coding challenge.",
+        "欢迎来到 FreeCodeCamp 的 HTML 编码挑战，这些挑战将会帮助你逐步掌握 web 开发。",
+        "HTML 是英文 Hyper Text Markup Language(超文本标记语言)的缩写。首先，使用 HTML 来制作一个简单的网页，你可以直接在本网页内置的代码编辑器中编辑代码。"
+        "你看到代码编辑器中的 <code>&#60;h1&#62;Hello&#60;/h1&#62;</code> 了吗? 那就是一个 HTML 标签，<code>h1</code> 是 <code>header1</code> 的简写，意思是主标题。",


h1 不是代表 header1，而是 heading level 1，或者 level 1 heading。参考：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/Heading_Elements

而 header 就是另一个标签了：https://developer.mozilla.org/en-US/docs/Web/HTML/Element/header

下同

多谢指正，我是望文生义了。

S1ngS1ng · 2018-07-21T05:19:37Z

01-responsive-web-design/basic-html-and-html5.json

        "<hr>",
-        "To pass the test on this challenge, change your <code>h1</code> element's text to say \"Hello World\"."
+        "任务：请更改主标题的内容为：Hello World。"


任务：请更改主标题的内容为：Hello World。 =>
任务：请把主标题的内容改为 <code>Hello World</code>。

或者保留 h1：
任务：请把 <code>h1</code> 标签里的内容改为 <code>Hello World</code>。

会不会好些？感觉一句话两个冒号很奇怪= =下同

S1ngS1ng · 2018-07-21T05:30:35Z

01-responsive-web-design/basic-html-and-html5.json

-        "Web developers traditionally use <code>lorem ipsum text</code> as placeholder text. The 'lorem ipsum' text is randomly scraped from a famous passage by Cicero of Ancient Rome.",
-        "Lorem ipsum text has been used as placeholder text by typesetters since the 16th century, and this tradition continues on the web.",
-        "Well, 5 centuries is long enough. Since we're building a CatPhotoApp, let's use something called <code>kitty ipsum text</code>.",
+        "Web开发者通常用 <a href='http://www.ruanyifeng.com/blog/2009/04/lorem_ipsum.html'>lorem ipsum text</a> 来做占位符，占位符就是占着位置的一些文字，没有实际意义。",


Web 后应该有空格。不过这里的 Web 你觉得需要保留么？

给 wikipedia 的链接，会不会比给个人博客的链接好些？或者不给也可以，毕竟后文也有解释，把这个链接放到地下作为来源就好。

开发者有很多类型，FCC 针对的是 Web 开发者。
wikipedia 国内被墙，所以特意找的阮一峰老师博客。

S1ngS1ng · 2018-07-21T06:39:32Z

01-responsive-web-design/basic-html-and-html5.json

-        "Remove the <code>target=\"_blank\"</code> attribute from the anchor tag since this causes the linked document to open in a new window tab.",
-        "Then add an <code>id</code> attribute with a value of \"footer\" to the <code>&lt;footer&gt;</code> element at the bottom of the page."
+        "通过修改 <code>href</code> 属性为 <code>#footer</code> 来更改外部链接为内部链接，同时修改文本 cat photos 为 Jump to Bottom。",
+        "移除 <code>target=\"_blank\"</code> 属性避免点击链接会跳转到新的标签页。",


跳转到 => 打开

S1ngS1ng · 2018-07-21T06:41:38Z

01-responsive-web-design/basic-html-and-html5.json

-        "The text, <strong>\"link to freecodecamp.org\"</strong>, within the anchor element called <code>anchor text</code>, will display a link to click:<br>  <code>&#60;a href=\" ... \"&#62;link to freecodecamp.org&#60;/a&#62;</code>",
-        "The final output of the example will look like this:<br><p>Here's a <a target=\"_blank\" href=\"http://freecodecamp.org\"> link to freecodecamp.org</a> for you to follow.</p>",
+        "让我们来分解这个例子：",
+        "通常，文本是被包裹在 <code>p</code> 标签内:<br> <code>&#60;p&#62; Here's a ... for you to follow. &#60;/p&#62;</code>",


冒号应为全角

恩，确实，我也犯错了。

S1ngS1ng · 2018-07-21T06:42:06Z

01-responsive-web-design/basic-html-and-html5.json

-        "The final output of the example will look like this:<br><p>Here's a <a target=\"_blank\" href=\"http://freecodecamp.org\"> link to freecodecamp.org</a> for you to follow.</p>",
+        "让我们来分解这个例子：",
+        "通常，文本是被包裹在 <code>p</code> 标签内:<br> <code>&#60;p&#62; Here's a ... for you to follow. &#60;/p&#62;</code>",
+        "接下来是 <code>anchor</code> 标签 <code>&#60;a&#62;</code> (需要结束标记 <code>&#60;/a&#62;</code>):<br>  <code>&#60;a&#62; ... &#60;/a&#62;</code>",


括号应为全角

火眼金睛 ^_^

S1ngS1ng · 2018-07-21T06:43:09Z

01-responsive-web-design/basic-html-and-html5.json

+        "让我们来分解这个例子：",
+        "通常，文本是被包裹在 <code>p</code> 标签内:<br> <code>&#60;p&#62; Here's a ... for you to follow. &#60;/p&#62;</code>",
+        "接下来是 <code>anchor</code> 标签 <code>&#60;a&#62;</code> (需要结束标记 <code>&#60;/a&#62;</code>):<br>  <code>&#60;a&#62; ... &#60;/a&#62;</code>",
+        "<code>target</code> 是锚点标签的一个属性，它指定了会以什么方式来打开链接。 属性值 <code>\"_blank\"</code> 指定了会新开一个标签页来打开链接",


删掉句号之后多余的空格。

指定了会新开一个标签页来打开链接 => 的意思是链接会在新标签页打开

S1ngS1ng · 2018-07-21T06:50:15Z

01-responsive-web-design/basic-html-and-html5.json

        "<hr>",
-        "Now nest your existing <code>a</code> element within a new <code>p</code> element (just after the existing <code>main</code> element). The new paragraph should have text that says \"View more cat photos\", where \"cat photos\" is a link, and the rest of the text is plain text."
+        "现在用一个新的 <code>p</code> 标签来包裹现存的 <code>a</code> 标签（紧挨着 <code>main</code>标签)。新段落的文本为：View more cat photos，其中 \"cat photos\" 是一个链接，其他是纯文本。"


这里的紧挨着可能会造成歧义。我试了下，必须放到 main 之后才行，原文也是这么描述的。改下吧。

huluoyang · 2018-07-22T09:22:43Z

修正了之前的错误，增加了新的需要翻译的 md 文档，先 Merge 进仓库，更新 Wiki。

…CodeCampChina#11

huluoyang added 3 commits July 21, 2018 10:22

translate html chapter to 40%

c08a3e7

Merge branch 'translate' of https://github.com/freeCodeCampChina/chal…

9b4982f

…lenges into translate

translate chapter to 40%

e2608cf

S1ngS1ng suggested changes Jul 21, 2018

View reviewed changes

huluoyang added 3 commits July 21, 2018 23:49

add chapter introduce markdown file

89c170a

modify some file's name equal to it's json name filed

307648f

fix some error

e2874f9

huluoyang merged commit de6d348 into FreeCodeCampChina:translate Jul 22, 2018

S1ngS1ng added a commit to S1ngS1ng/challenges that referenced this pull request Aug 4, 2018

Style update for PR FreeCodeCampChina#4, FreeCodeCampChina#9 and Free…

1fe0ba6

…CodeCampChina#11

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

translate html chapter to 40% #9

translate html chapter to 40% #9

huluoyang commented Jul 21, 2018

S1ngS1ng left a comment

S1ngS1ng Jul 21, 2018

huluoyang Jul 21, 2018

S1ngS1ng Jul 21, 2018

huluoyang Jul 21, 2018

S1ngS1ng Jul 21, 2018

huluoyang Jul 21, 2018

S1ngS1ng Jul 21, 2018

S1ngS1ng Jul 21, 2018

huluoyang Jul 21, 2018

S1ngS1ng Jul 21, 2018

huluoyang Jul 21, 2018

S1ngS1ng Jul 21, 2018

huluoyang Jul 21, 2018

S1ngS1ng Jul 21, 2018

huluoyang Jul 22, 2018

S1ngS1ng Jul 21, 2018

S1ngS1ng Jul 21, 2018

huluoyang commented Jul 22, 2018

translate html chapter to 40% #9

translate html chapter to 40% #9

Conversation

huluoyang commented Jul 21, 2018

S1ngS1ng left a comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

Choose a reason for hiding this comment

huluoyang commented Jul 22, 2018