gaspersic/freeCodeCamp
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

fix: language update suggestions for basic-css and basic-html (#16713)

Browse Source
This commit is contained in:
Schalk Neethling
2018-02-14 18:24:21 +02:00
committed by Stuart Taylor
parent 5668502720
commit 15c9c8527a
2 changed files with 78 additions and 76 deletions
Download Patch File Download Diff File Expand all files Collapse all files

147
challenges/01-responsive-web-design/basic-css.json
View File

@ -594,11 +594,11 @@
"id": "bad87fee1348bd9aede08807",
"title": "Set the Font Family of an Element",
"description": [
"You can set an element's font by using the <code>font-family</code> property.",
"For example, if you wanted to set your <code>h2</code> element's font to <code>Sans-Serif</code>, you would use the following CSS:",
"<blockquote>h2 {<br>&nbsp;&nbsp;font-family: Sans-Serif;<br>}</blockquote>",
"You can set which font an element should use, by using the <code>font-family</code> property.",
"For example, if you wanted to set your <code>h2</code> element's font to <code>sans-serif</code>, you would use the following CSS:",
"<blockquote>h2 {<br>&nbsp;&nbsp;font-family: sans-serif;<br>}</blockquote>",
"<hr>",
"Make all of your <code>p</code> elements use the <code>Monospace</code> font."
"Make all of your <code>p</code> elements use the <code>monospace</code> font."
],
"challengeSeed": [
"<style>",
@ -644,7 +644,7 @@
"</main>"
],
"tests": [
"assert($(\"p\").not(\".red-text\").css(\"font-family\").match(/monospace/i), 'message: Your <code>p</code> elements should use the font <code>Monospace</code>.');"
"assert($(\"p\").not(\".red-text\").css(\"font-family\").match(/monospace/i), 'message: Your <code>p</code> elements should use the font <code>monospace</code>.');"
],
"type": "waypoint",
"challengeType": 0,
@ -652,42 +652,42 @@
"de": {
"description": [
"Du kannst einem Element mit <code>font-family</code> eine Schriftart zuweisen.",
"Wenn du zum Beispiel deinem <code>h2</code> Element die Schriftart <code>Sans-Serif</code> zuweisen willst, kannst du das mit dem folgenden CSS tun:",
"<blockquote>h2 {<br>&nbsp;&nbsp;font-family: Sans-Serif;<br>}</blockquote>",
"Wenn du zum Beispiel deinem <code>h2</code> Element die Schriftart <code>sans-serif</code> zuweisen willst, kannst du das mit dem folgenden CSS tun:",
"<blockquote>h2 {<br>&nbsp;&nbsp;font-family: sans-serif;<br>}</blockquote>",
"<hr>",
"Definiere für alle <code>p</code> Elemente die Schriftart <code>Monospace</code>."
"Definiere für alle <code>p</code> Elemente die Schriftart <code>monospace</code>."
]
},
"fr": {
"title": "Paramétrer la famille de police d'un élément",
"description": [
"Vous pouvez paramétrer la police d'un élément en utilisant la propriété <code>font-family</code>.",
"Par exemple, si vous voulez paramétrer la police de votre élément <code>h2</code> à <code>Sans-Serif</code>, vous devez utiliser le CSS suivant :",
"<blockquote>h2 {<br>&nbsp;&nbsp;font-family: Sans-Serif;<br>}</blockquote>",
"Par exemple, si vous voulez paramétrer la police de votre élément <code>h2</code> à <code>sans-serif</code>, vous devez utiliser le CSS suivant :",
"<blockquote>h2 {<br>&nbsp;&nbsp;font-family: sans-serif;<br>}</blockquote>",
"<hr>",
"Faites en sorte que tous vos éléments <code>p</code> aient la police <code>Monospace</code>."
"Faites en sorte que tous vos éléments <code>p</code> aient la police <code>monospace</code>."
]
},
"pt-br": {
"title": "Defina a Fonte para um Elemento",
"description": [
"Você pode estabelecer o estilo de fonte para um elemento ao utilizar a propriedade <code>font-family</code>.",
"Por exemplo, se você quiser estabelecer o estilo de fonte de seu elemento <code>h2</code> como <code>Sans-Serif</code>, você poderá utilizar o seguinte código em CSS:",
"Por exemplo, se você quiser estabelecer o estilo de fonte de seu elemento <code>h2</code> como <code>sans-serif</code>, você poderá utilizar o seguinte código em CSS:",
"<code>h2 {</code>",
"<code>&nbsp;&nbsp;font-family: Sans-Serif;</code>",
"<code>&nbsp;&nbsp;font-family: sans-serif;</code>",
"<code>}</code>",
"<hr>",
"Faça com que todos os elementos <code>p</code> utilizem o estilo de fonte <code>Monospace</code>."
"Faça com que todos os elementos <code>p</code> utilizem o estilo de fonte <code>monospace</code>."
]
},
"ru": {
"title": "Установите семейство шрифтов для элемента",
"description": [
"Вы можете установить семейство шрифтов для элемента используя свойство <code>font-family</code>.",
"Например, если бы вы хотели установить семейство шрифтов <code>Sans-Serif</code> для вашего элемента <code>h2</code>, вы бы использовали следующий CSS:",
"<blockquote>h2 {<br>&nbsp;&nbsp;font-family: Sans-Serif;<br>}</blockquote>",
"Например, если бы вы хотели установить семейство шрифтов <code>sans-serif</code> для вашего элемента <code>h2</code>, вы бы использовали следующий CSS:",
"<blockquote>h2 {<br>&nbsp;&nbsp;font-family: sans-serif;<br>}</blockquote>",
"<hr>",
"Присвойте шрифт <code>Monospace</code> всем вашим элементам <code>p</code>."
"Присвойте шрифт <code>monospace</code> всем вашим элементам <code>p</code>."
]
}
}
@ -696,15 +696,16 @@
"id": "bad87fee1348bd9aedf08807",
"title": "Import a Google Font",
"description": [
"Now, let's import and apply a Google font (note that if Google is blocked in your country, you will need to skip this challenge).",
"In addition to specifying common fonts that are found on most operating systems, we can also specify non-standard, custom web fonts for use on our website. There are various sources for web fonts on the internet but, for this example we will focus on the Google Fonts library.",
"<a href='https://fonts.google.com/' target='_blank'>Google Fonts</a> is a free library of web fonts that you can use in your CSS by referencing the font's URL.",
"To import a Google Font, you can copy the font(s) URL from the Google Fonts library and then paste it in your HTML. For this challenge, we'll import the <code>Lobster</code> font. To do this, copy the following code snippet and paste it into the top of your code editor:",
"So, let's go ahead and import and apply a Google font (note that if Google is blocked in your country, you will need to skip this challenge).",
"To import a Google Font, you can copy the font(s) URL from the Google Fonts library and then paste it in your HTML. For this challenge, we'll import the <code>Lobster</code> font. To do this, copy the following code snippet and paste it into the top of your code editor(before the opening <code>style</code> element):",
"<code>&#60;link href=\"https://fonts.googleapis.com/css?family=Lobster\" rel=\"stylesheet\" type=\"text/css\"&#62;</code>",
"Now you can use the <code>Lobster</code> font in your CSS by using <code>Lobster</code> as the FAMILY_NAME as in the following example:<br><code>font-family: FAMILY_NAME, GENERIC_NAME;</code>.",
"The GENERIC_NAME is optional, and is a fallback font in case the other specified font is not available. This is covered in the next challenge.",
"Family names are case-sensitive and need to be wrapped in quotes if there is a space in the name. For example, you need quotes to use the <code>\"Open Sans\"</code> font, but not to use the <code>Lobster</code> font.",
"<hr>",
"Create a CSS rule for the <code>font-family</code> of <code>Lobster</code> and apply this new font to your <code>h2</code> element."
"Create a <code>font-family</code> CSS rule that uses the <code>Lobster</code> font, and ensure that it will be applied to your <code>h2</code> element."
],
"challengeSeed": [
"<style>",
@ -714,7 +715,7 @@
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"</style>",
"",
@ -754,7 +755,7 @@
"assert(new RegExp(\"googleapis\", \"gi\").test(code), 'message: Import the <code>Lobster</code> font.');",
"assert($(\"h2\").css(\"font-family\").match(/lobster/i), 'message: Your <code>h2</code> element should use the font <code>Lobster</code>.');",
"assert(/\\s*h2\\s*\\{\\s*font-family\\:\\s*(\\'|\")?Lobster(\\'|\")?\\s*;\\s*\\}/gi.test(code), 'message: Use an <code>h2</code> CSS selector to change the font.');",
"assert($(\"p\").css(\"font-family\").match(/monospace/i), 'message: Your <code>p</code> element should still use the font <code>Monospace</code>.');"
"assert($(\"p\").css(\"font-family\").match(/monospace/i), 'message: Your <code>p</code> element should still use the font <code>monospace</code>.');"
],
"type": "waypoint",
"challengeType": 0,
@ -810,14 +811,14 @@
"id": "bad87fee1348bd9aedf08808",
"title": "Specify How Fonts Should Degrade",
"description": [
"There are several default fonts that are available in all browsers. These generic font families include <code>Monospace</code>, <code>Serif</code> and <code>Sans-Serif</code>",
"There are several default fonts that are available in all browsers. These generic font families include <code>monospace</code>, <code>serif</code> and <code>sans-serif</code>",
"When one font isn't available, you can tell the browser to \"degrade\" to another font.",
"For example, if you wanted an element to use the <code>Helvetica</code> font, but also degrade to the <code>Sans-Serif</code> font when <code>Helvetica</code> wasn't available, you could use this CSS style:",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
"For example, if you wanted an element to use the <code>Helvetica</code> font, but degrade to the <code>sans-serif</code> font when <code>Helvetica</code> wasn't available, you will specify it as follows:",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, sans-serif;<br>}</blockquote>",
"Generic font family names are not case-sensitive. Also, they do not need quotes because they are CSS keywords.",
"<hr>",
"To begin with, apply the <code>Monospace</code> font to the <code>h2</code> element, so that it now has two fonts - <code>Lobster</code> and <code>Monospace</code>.",
"In the last challenge, you imported the <code>Lobster</code> font using the <code>link</code> tag. Now comment out that import of the <code>Lobster</code> font from Google Fonts so that it isn't available anymore. Notice how your <code>h2</code> element degrades to the <code>Monospace</code> font.",
"To begin with, apply the <code>monospace</code> font to the <code>h2</code> element, so that it now has two fonts - <code>Lobster</code> and <code>monospace</code>.",
"In the last challenge, you imported the <code>Lobster</code> font using the <code>link</code> tag. Now comment out that import of the <code>Lobster</code> font(using the HTML comments you learned before) from Google Fonts so that it isn't available anymore. Notice how your <code>h2</code> element degrades to the <code>monospace</code> font.",
"<strong>Note</strong><br>If you have the Lobster font installed on your computer, you won't see the degradation because your browser is able to find the font."
],
"challengeSeed": [
@ -833,7 +834,7 @@
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"</style>",
"",
@ -871,7 +872,7 @@
],
"tests": [
"assert($(\"h2\").css(\"font-family\").match(/^\"?lobster/i), 'message: Your h2 element should use the font <code>Lobster</code>.');",
"assert(/\\s*h2\\s*\\{\\s*font-family\\:\\s*(\\'|\")?Lobster(\\'|\")?,\\s*Monospace\\s*;\\s*\\}/gi.test(code), 'message: Your h2 element should degrade to the font <code>Monospace</code> when <code>Lobster</code> is not available.');",
"assert(/\\s*h2\\s*\\{\\s*font-family\\:\\s*(\\'|\")?Lobster(\\'|\")?,\\s*monospace\\s*;\\s*\\}/gi.test(code), 'message: Your h2 element should degrade to the font <code>monospace</code> when <code>Lobster</code> is not available.');",
"assert(new RegExp(\"<!--[^fc]\", \"gi\").test(code), 'message: Comment out your call to Google for the <code>Lobster</code> font by putting <code>&#60!--</code> in front of it.');",
"assert(new RegExp(\"[^fc]-->\", \"gi\").test(code), 'message: Be sure to close your comment by adding <code>--&#62;</code>.');"
],
@ -880,47 +881,47 @@
"translations": {
"de": {
"description": [
"Es gibt verschiedene Schriftarten, die jedem Browser standardmäßig zur Verfügung stehen. Das sind unter anderem <code>Monospace</code>, <code>Serif</code> und <code>Sans-Serif</code>.",
"Es gibt verschiedene Schriftarten, die jedem Browser standardmäßig zur Verfügung stehen. Das sind unter anderem <code>monospace</code>, <code>serif</code> und <code>sans-serif</code>.",
"Falls eine Font nicht verfügbar ist kannst du dem Browser sagen was er stattdessen verwenden soll.",
"Wenn du zum Beispiel einem Element die Schriftart <code>Helvetica</code> geben möchtest, aber gleichzeitig als Alertnative die Schrift <code>Sans-Serif</code> laden willst, falls <code>Helvetica</code> nicht verfügbar ist, kannst du diesen CSS Style verwenden:",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
"Wenn du zum Beispiel einem Element die Schriftart <code>Helvetica</code> geben möchtest, aber gleichzeitig als Alertnative die Schrift <code>sans-serif</code> laden willst, falls <code>Helvetica</code> nicht verfügbar ist, kannst du diesen CSS Style verwenden:",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, sans-serif;<br>}</blockquote>",
"<hr>",
"Kommentiere jetzt den Aufruf an Google Fonts aus, sodass <code>Lobster</code> nicht zur Verfügung steht. Beachte, wie nun alternativ die Schriftart <code>Monospace</code> geladen wird."
"Kommentiere jetzt den Aufruf an Google Fonts aus, sodass <code>Lobster</code> nicht zur Verfügung steht. Beachte, wie nun alternativ die Schriftart <code>monospace</code> geladen wird."
]
},
"fr": {
"title": "Spécifier comment vos polices devraient dégrader",
"description": [
"Il y a plusieurs polices par défaut qui sont disponible dans tous les navigateurs Web. Ceci comprend <code>Monospace</code>, <code>Serif</code> et <code>Sans-Serif</code>.",
"Il y a plusieurs polices par défaut qui sont disponible dans tous les navigateurs Web. Ceci comprend <code>monospace</code>, <code>serif</code> et <code>sans-serif</code>.",
"Quand une police n'est pas disponible, vous pouvez demander au navigateur de \"dégrader\" vers une autre police.",
"Par exemple, si vous voulez qu'un élément utilise la police <code>Helvetica</code>, mais également dégrader vers <code>Sans-Serif</code> lorsque la police <code>Helvetica</code> n'est pas disponible, vous pouvez utiliser le style CSS suivant :",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
"Par exemple, si vous voulez qu'un élément utilise la police <code>Helvetica</code>, mais également dégrader vers <code>sans-serif</code> lorsque la police <code>Helvetica</code> n'est pas disponible, vous pouvez utiliser le style CSS suivant :",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, sans-serif;<br>}</blockquote>",
"<hr>",
"Maintenant, commenter votre appel vers les polices de Google, pour que la police <code>Lobster</code> ne soit pas disponible. Regardez comment la police se dégrade vers <code>Monospace</code>."
"Maintenant, commenter votre appel vers les polices de Google, pour que la police <code>Lobster</code> ne soit pas disponible. Regardez comment la police se dégrade vers <code>monospace</code>."
]
},
"pt-br": {
"title": "Especifique como as Fontes Devem se Degradar",
"description": [
"Existem diversas fontes que estão disponíveis por padrão nos navegadores de internet, incluindo <code>Monospace</code>, <code>Serif</code> e <code>Sans-Serif</code>.",
"Existem diversas fontes que estão disponíveis por padrão nos navegadores de internet, incluindo <code>monospace</code>, <code>serif</code> e <code>sans-serif</code>.",
"No entanto, quando uma fonte não está disponível, podemos dizer ao navegador que \"degrade\" a outro tipo de fonte.",
"Por exemplo, se você deseja que um elemento use a fonte <code>Helvetica</code>, e que degrade para a fonte <code>Sans-Serif</code> quando a <code>Helvetica</code> não estiver disponível, você pode utilizar o seguinte CSS:",
"Por exemplo, se você deseja que um elemento use a fonte <code>Helvetica</code>, e que degrade para a fonte <code>sans-serif</code> quando a <code>Helvetica</code> não estiver disponível, você pode utilizar o seguinte CSS:",
"<code>p {</code>",
"<code>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;</code>",
"<code>&nbsp;&nbsp;font-family: Helvetica, sans-serif;</code>",
"<code>}</code>",
"<hr>",
"Agora, comente o seu chamado para a fonte do Google, para que a fonte <code>Lobster</code> não esteja disponível. Note como a fonte degrada para <code>Monospace</code>."
"Agora, comente o seu chamado para a fonte do Google, para que a fonte <code>Lobster</code> não esteja disponível. Note como a fonte degrada para <code>monospace</code>."
]
},
"ru": {
"title": "Укажите порядок деградации шрифтов",
"description": [
"Существует несколько стандартных шрифтов, которые доступны во всех браузерах. Среди них <code>Monospace</code>, <code>Serif</code> и <code>Sans-Serif</code>",
"Существует несколько стандартных шрифтов, которые доступны во всех браузерах. Среди них <code>monospace</code>, <code>serif</code> и <code>sans-serif</code>",
"Когда один шрифт недоступен, вы можете сообщить браузеру \"деградировать\" до другого шрифта.",
"Например, если бы вы хотели, чтобы элемент использовал шрифт <code>Helvetica</code>, но также деградировал до шрифта <code>Sans-Serif</code>, когда <code>Helvetica</code> недоступен, вы могли бы использовать этот CSS-стиль:",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, Sans-Serif;<br>}</blockquote>",
"Например, если бы вы хотели, чтобы элемент использовал шрифт <code>Helvetica</code>, но также деградировал до шрифта <code>sans-serif</code>, когда <code>Helvetica</code> недоступен, вы могли бы использовать этот CSS-стиль:",
"<blockquote>p {<br>&nbsp;&nbsp;font-family: Helvetica, sans-serif;<br>}</blockquote>",
"<hr>",
"Теперь закомментируйте ваш запрос к Google Fonts, таким образом шрифт <code>Lobster</code> становится недоступен. Обратите внимание как происходит деградация до шрифта <code>Monospace</code>."
"Теперь закомментируйте ваш запрос к Google Fonts, таким образом шрифт <code>Lobster</code> становится недоступен. Обратите внимание как происходит деградация до шрифта <code>monospace</code>."
]
}
}
@ -944,12 +945,12 @@
" }",
"",
" h2 {",
" font-family: Lobster, Monospace;",
" font-family: Lobster, monospace;",
" }",
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"</style>",
"",
@ -1060,12 +1061,12 @@
" }",
"",
" h2 {",
" font-family: Lobster, Monospace;",
" font-family: Lobster, monospace;",
" }",
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"",
" .smaller-image {",
@ -1188,12 +1189,12 @@
" }",
"",
" h2 {",
" font-family: Lobster, Monospace;",
" font-family: Lobster, monospace;",
" }",
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"",
" .thick-green-border {",
@ -1301,12 +1302,12 @@
" }",
"",
" h2 {",
" font-family: Lobster, Monospace;",
" font-family: Lobster, monospace;",
" }",
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"",
" .thick-green-border {",
@ -1412,12 +1413,12 @@
" }",
"",
" h2 {",
" font-family: Lobster, Monospace;",
" font-family: Lobster, monospace;",
" }",
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"",
" .thick-green-border {",
@ -1535,12 +1536,12 @@
" }",
"",
" h2 {",
" font-family: Lobster, Monospace;",
" font-family: Lobster, monospace;",
" }",
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"",
" .thick-green-border {",
@ -1667,12 +1668,12 @@
" }",
"",
" h2 {",
" font-family: Lobster, Monospace;",
" font-family: Lobster, monospace;",
" }",
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"",
" .thick-green-border {",
@ -2488,12 +2489,12 @@
" }",
"",
" h2 {",
" font-family: Lobster, Monospace;",
" font-family: Lobster, monospace;",
" }",
"",
" p {",
" font-size: 16px;",
" font-family: Monospace;",
" font-family: monospace;",
" }",
"",
" .thick-green-border {",
@ -2693,7 +2694,7 @@
"<hr>",
"First, create a <code>h1</code> element with the text <code>Hello World</code>",
"Then, let's give all elements on your page the color of <code>green</code> by adding <code>color: green;</code> to your <code>body</code> element's style declaration.",
"Finally, give your <code>body</code> element the font-family of <code>Monospace</code> by adding <code>font-family: Monospace;</code> to your <code>body</code> element's style declaration."
"Finally, give your <code>body</code> element the font-family of <code>monospace</code> by adding <code>font-family: monospace;</code> to your <code>body</code> element's style declaration."
],
"challengeSeed": [
"<style>",
@ -2708,8 +2709,8 @@
"assert(($(\"h1\").length > 0 && $(\"h1\").text().match(/hello world/i)), 'message: Your <code>h1</code> element should have the text <code>Hello World</code>.');",
"assert(code.match(/<\\/h1>/g) && code.match(/<h1/g) && code.match(/<\\/h1>/g).length === code.match(/<h1/g).length, 'message: Make sure your <code>h1</code> element has a closing tag.');",
"assert(($(\"body\").css(\"color\") === \"rgb(0, 128, 0)\"), 'message: Give your <code>body</code> element the <code>color</code> property of <code>green</code>.');",
"assert(($(\"body\").css(\"font-family\").match(/Monospace/i)), 'message: Give your <code>body</code> element the <code>font-family</code> property of <code>Monospace</code>.');",
"assert(($(\"h1\").length > 0 && $(\"h1\").css(\"font-family\").match(/monospace/i)), 'message: Your <code>h1</code> element should inherit the font <code>Monospace</code> from your <code>body</code> element.');",
"assert(($(\"body\").css(\"font-family\").match(/monospace/i)), 'message: Give your <code>body</code> element the <code>font-family</code> property of <code>monospace</code>.');",
"assert(($(\"h1\").length > 0 && $(\"h1\").css(\"font-family\").match(/monospace/i)), 'message: Your <code>h1</code> element should inherit the font <code>monospace</code> from your <code>body</code> element.');",
"assert(($(\"h1\").length > 0 && $(\"h1\").css(\"color\") === \"rgb(0, 128, 0)\"), 'message: Your <code>h1</code> element should inherit the color green from your <code>body</code> element.');"
],
"type": "waypoint",
@ -2723,7 +2724,7 @@
"<hr>",
"Erstelle zuerst ein <code>h1</code> Element mit dem Text <code>Hello World</code>",
"Dann gib allen Elementen auf deiner Seite die Farbe <code>green</code> indem du <code>color:green;</code> deinen <code>body</code> Element Styles hinzufügst.",
"Gib deinem <code>body</code> Element abschließend die Schriftart <code>Monospace</code> indem du <code>font-family: Monospace;</code> deinen <code>body</code> Element Styles hinzufügst."
"Gib deinem <code>body</code> Element abschließend die Schriftart <code>monospace</code> indem du <code>font-family: monospace;</code> deinen <code>body</code> Element Styles hinzufügst."
]
},
"es": {
@ -2734,7 +2735,7 @@
"<hr>",
"En primer lugar, crea un elemento <code>h1</code> con el texto <code>Hello World</code>",
"Después, vamos a darle a todos los elementos de tu página el color verde (<code>green</code>) añadiendo <code>color: green;</code> a la declaración de estilo de tu elemento <code>body</code>.",
"Por último, da a tu elemento <code>body</code> el tipo de letra <code>Monospace</code> añadiendo <code>font-family: Monospace;</code> a la declaración del estilo de tu elemento <code>body</code>."
"Por último, da a tu elemento <code>body</code> el tipo de letra <code>monospace</code> añadiendo <code>font-family: monospace;</code> a la declaración del estilo de tu elemento <code>body</code>."
]
},
"pt-br": {
@ -2745,7 +2746,7 @@
"<hr>",
"Em primeiro lugar, crie um elemento <code>h1</code> com o texto <code>Hello World</code>",
"Depois, dê a todos os elementos de sua página uma cor verde (<code>green</code>) adicionando <code>color: green;</code> na declaração de estilo de seu elemento <code>body</code>.",
"Por último, dê ao seu elemento <code>body</code> o tipo de fonte <code>Monospace</code> adicionando <code>font-family: Monospace;</code> na declaração de estilo de seu elemento <code>body</code>."
"Por último, dê ao seu elemento <code>body</code> o tipo de fonte <code>monospace</code> adicionando <code>font-family: monospace;</code> na declaração de estilo de seu elemento <code>body</code>."
]
},
"ru": {
@ -2756,7 +2757,7 @@
"<hr>",
"Для начала, создайте элемент <code>h1</code> с текстом <code>Hello World</code>",
"Затем присвойте всем элементам на вашей странице <code>зелёный</code> цвет путём добавления <code>color: green;</code> к свойствам, указанным в объявлении стилей для элемента <code>body</code>.",
"В завершении, присвойте вашему элементу <code>body</code> свойство семейства шрифтов равное <code>Monospace</code> путём добавления <code>font-family: Monospace;</code> к свойствам, указанным в объявлении стилей для элемента <code>body</code>."
"В завершении, присвойте вашему элементу <code>body</code> свойство семейства шрифтов равное <code>monospace</code> путём добавления <code>font-family: monospace;</code> к свойствам, указанным в объявлении стилей для элемента <code>body</code>."
]
}
}
@ -2776,7 +2777,7 @@
"<style>",
" body {",
" background-color: black;",
" font-family: Monospace;",
" font-family: monospace;",
" color: green;",
" }",
"</style>",
@ -2852,7 +2853,7 @@
"<style>",
" body {",
" background-color: black;",
" font-family: Monospace;",
" font-family: monospace;",
" color: green;",
" }",
" .pink-text {",
@ -2947,7 +2948,7 @@
"<style>",
" body {",
" background-color: black;",
" font-family: Monospace;",
" font-family: monospace;",
" color: green;",
" }",
" .pink-text {",
@ -3046,7 +3047,7 @@
"<style>",
" body {",
" background-color: black;",
" font-family: Monospace;",
" font-family: monospace;",
" color: green;",
" }",
" #orange-text {",
@ -3134,7 +3135,7 @@
"<style>",
" body {",
" background-color: black;",
" font-family: Monospace;",
" font-family: monospace;",
" color: green;",
" }",
" #orange-text {",

7
challenges/01-responsive-web-design/basic-html-and-html5.json
View File

@ -616,12 +616,13 @@
"description": [
"You can add images to your website by using the <code>img</code> element, and point to a specific image's URL using the <code>src</code> attribute.",
"An example of this would be:",
"<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\"&#62</code>",
"<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\" /&#62</code>",
"Note that in most cases, <code>img</code> elements are self-closing.",
"All <code>img</code> elements <strong>must</strong> have an <code>alt</code> attribute. The text inside an <code>alt</code> attribute is used for screen readers to improve accessibility and is displayed if the image fails to load.",
"Ideally the <code>alt</code> attribute should not contain special chars unless needed.",
"Note: If the image is purely decorative, using an empty <code>alt</code> attribute is a best practice.",
"Ideally the <code>alt</code> attribute should not contain special characters unless needed.",
"Let's add an <code>alt</code> attribute to our <code>img</code> example above:",
"<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\" alt=\"Author standing on a beach with two thumbs up.\"&#62</code>",
"<code>&#60img src=\"https://www.your-image-source.com/your-image.jpg\" alt=\"Author standing on a beach with two thumbs up.\" /&#62</code>",
"<hr>",
"Let's try to add an image to our website:",
"Insert an <code>img</code> tag, before the <code>h2</code> element.",