From 50c6a3a7c9697f889489bd586ceccd617cc4af1c Mon Sep 17 00:00:00 2001 From: Jean Jordaan Date: Thu, 21 Mar 2019 14:11:18 +0700 Subject: [PATCH] Don't mark up 'anchor' as code The tag is `a`, the name is _anchor_. --- .../nest-an-anchor-element-within-a-paragraph.arabic.md | 2 +- ...link-to-external-pages-with-anchor-elements.chinese.md | 8 ++++---- .../nest-an-anchor-element-within-a-paragraph.chinese.md | 2 +- ...nal-sections-of-a-page-with-anchor-elements.english.md | 2 +- .../nest-an-anchor-element-within-a-paragraph.english.md | 4 ++-- .../turn-an-image-into-a-link.english.md | 2 +- ...k-to-external-pages-with-anchor-elements.portuguese.md | 2 +- ...est-an-anchor-element-within-a-paragraph.portuguese.md | 2 +- ...link-to-external-pages-with-anchor-elements.russian.md | 2 +- .../nest-an-anchor-element-within-a-paragraph.russian.md | 2 +- ...link-to-external-pages-with-anchor-elements.spanish.md | 2 +- .../nest-an-anchor-element-within-a-paragraph.spanish.md | 2 +- 12 files changed, 16 insertions(+), 16 deletions(-) diff --git a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.arabic.md b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.arabic.md index 765b6cffc1f..b3710b04f70 100644 --- a/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.arabic.md +++ b/curriculum/challenges/arabic/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.arabic.md @@ -7,7 +7,7 @@ localeTitle: عش عنصر الارتساء ضمن فقرة --- ## Description -
يمكنك تضمين الروابط داخل عناصر نصية أخرى.
<P>
إليك <a target="_blank" href="http://freecodecamp.org"> رابط إلى freecodecamp.org </a> لتتبعه.
</ P>
دعونا نقسم المثال: يتم التفاف النص العادي في عنصر p :
<p> Here's a ... for you to follow. </p> التالي هو عنصر anchor <a> (الذي يتطلب علامة إغلاق </a> ):
<a> ... </a> target عبارة عن سمة علامة ارتساء تحدد مكان فتح الرابط "_blank" القيمة "_blank" لفتح الرابط في علامة تبويب جديدة href عبارة عن سمة علامة ارتساء تحتوي على عنوان URL لـ الرابط:
<a href="http://freecodecamp.org"> ... </a> سيعرض النص "link to freecodecamp.org" ، داخل عنصر anchor text يدعى anchor text الرابط ، رابطًا للنقر:
<a href=" ... ">link to freecodecamp.org</a> الناتج النهائي للمثال كما يلي:

إليك رابط لـ freecodecamp.org لتتبعه .

+
يمكنك تضمين الروابط داخل عناصر نصية أخرى.
<P>
إليك <a target="_blank" href="http://freecodecamp.org"> رابط إلى freecodecamp.org </a> لتتبعه.
</ P>
دعونا نقسم المثال: يتم التفاف النص العادي في عنصر p :
<p> Here's a ... for you to follow. </p> التالي هو عنصر anchor <a> (الذي يتطلب علامة إغلاق </a> ):
<a> ... </a> target عبارة عن سمة علامة ارتساء تحدد مكان فتح الرابط "_blank" القيمة "_blank" لفتح الرابط في علامة تبويب جديدة href عبارة عن سمة علامة ارتساء تحتوي على عنوان URL لـ الرابط:
<a href="http://freecodecamp.org"> ... </a> سيعرض النص "link to freecodecamp.org" ، داخل عنصر anchor text يدعى anchor text الرابط ، رابطًا للنقر:
<a href=" ... ">link to freecodecamp.org</a> الناتج النهائي للمثال كما يلي:

إليك رابط لـ freecodecamp.org لتتبعه .

## Instructions
الآن عش الموجودة لديك a عنصر داخل الجديد p عنصر (فقط بعد القائمة main عنصر). يجب أن تحتوي الفقرة الجديدة على نص يقول "عرض المزيد من صور القط" ، حيث تكون "صور القط" ارتباطًا ، وبقية النص عبارة عن نص عادي.
diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.chinese.md index bde38c30bbf..c771e089fcd 100644 --- a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.chinese.md +++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.chinese.md @@ -7,18 +7,18 @@ localeTitle: 链接到具有锚元素的外部页面 --- ## Description -
您可以使用anchor元素链接到网页外部的内容。 anchor元素需要一个名为href属性的目标Web地址。他们还需要锚文本。这是一个例子： <a href="https://freecodecamp.org">this links to freecodecamp.org</a>然后你的浏览器会显示文本“这个链接到freecodecamp.org”作为你可以点击的链接。该链接将带您到网址https://www.freecodecamp.org 。
+
您可以使用a (anchor)元素链接到网页外部的内容。 a元素需要一个名为href属性的目标Web地址。他们还需要锚文本。这是一个例子： <a href="https://freecodecamp.org">this links to freecodecamp.org</a>然后你的浏览器会显示文本“这个链接到freecodecamp.org”作为你可以点击的链接。该链接将带您到网址https://www.freecodecamp.org 。
## Instructions -
创建一个链接到http://freecatphotoapp.com a元素，并将“猫照片”作为其anchor text 。
+
创建一个链接到http://freecatphotoapp.com a元素，并将“猫照片”作为其anchor text 。
## Tests
```yml tests: - - text: 你a元素应该有“猫照片”的anchor text 。 - testString: 'assert((/cat photos/gi).test($("a").text()), "Your a element should have the anchor text of "cat photos".");' + - text: 你a元素应该有“猫照片”的anchor text 。 + testString: 'assert((/cat photos/gi).test($("a").text()), "Your a element should have the anchor text of "cat photos".");' - text: '你需要一个链接到http://freecatphotoapp .com a元素' testString: 'assert(/http:\/\/(www\.)?freecatphotoapp\.com/gi.test($("a").attr("href")), "You need an a element that links to http://freecatphotoapp.com");' - text: 确保您a元素具有结束标记。 diff --git a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.chinese.md b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.chinese.md index 4761386d074..655cc59392c 100644 --- a/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.chinese.md +++ b/curriculum/challenges/chinese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.chinese.md @@ -7,7 +7,7 @@ localeTitle: 在段落中嵌入锚元素 --- ## Description -
您可以在其他文本元素中嵌套链接。
<P>
这是一个<a target="_blank" href="http://freecodecamp.org"> freecodecamp.org </a>的链接供您关注。
</ p>
让我们分解示例：普通文本包含在p元素中：
<p> Here's a ... for you to follow. </p>接下来是anchor元素<a> （需要结束标记</a> ）：
<a> ... </a> target是一个锚标记属性，指定打开链接的位置，值"_blank"指定在新标签中打开链接href是一个锚标记属性，其中包含URL地址链接：
<a href="http://freecodecamp.org"> ... </a>在名为anchor text的锚元素中，文本“链接到freecodecamp.org”将显示一个单击的链接：
<a href=" ... ">link to freecodecamp.org</a>示例的最终输出如下所示：

这是freecodecamp.org的链接供您关注。

+
您可以在其他文本元素中嵌套链接。
<P>
这是一个<a target="_blank" href="http://freecodecamp.org"> freecodecamp.org </a>的链接供您关注。
</ p>
让我们分解示例：普通文本包含在p元素中：
<p> Here's a ... for you to follow. </p>接下来是anchor元素<a> （需要结束标记</a> ）：
<a> ... </a> target是一个锚标记属性，指定打开链接的位置，值"_blank"指定在新标签中打开链接href是一个锚标记属性，其中包含URL地址链接：
<a href="http://freecodecamp.org"> ... </a>在名为anchor text的锚元素中，文本“链接到freecodecamp.org”将显示一个单击的链接：
<a href=" ... ">link to freecodecamp.org</a>示例的最终输出如下所示：

这是freecodecamp.org的链接供您关注。

## Instructions
现在，鸟巢现有的a新元素内p元（刚过现有的main元素）。新段落的文本应显示“查看更多猫照片”，其中“猫照片”是一个链接，其余文本是纯文本。
diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.english.md index 63a4b8dc157..f4e3644bc6f 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/link-to-internal-sections-of-a-page-with-anchor-elements.english.md @@ -7,7 +7,7 @@ videoUrl: 'https://scrimba.com/p/pVMPUv/cyrDRUL' ## Description
-anchor elements can also be used to create internal links to jump to different sections within a webpage. +a (anchor) elements can also be used to create internal links to jump to different sections within a webpage. To create an internal link, you assign a link's href attribute to a hash symbol # plus the value of the id attribute for the element that you want to internally link to, usually further down the page. You then need to add the same id attribute to the element you are linking to. An id is an attribute that uniquely describes an element. Below is an example of an internal anchor link and its target element:
<a href="#contacts-header">Contacts</a>
...
<h2 id="contacts-header">Contacts</h2>
diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.english.md index b062f857478..3253249aab8 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.english.md @@ -11,10 +11,10 @@ You can nest links within other text elements.
<p>
Here's a <a target="_blank" href="http://freecodecamp.org"> link to freecodecamp.org</a> for you to follow.
</p>
Let's break down the example: Normal text is wrapped in the p element:
<p> Here's a ... for you to follow. </p> -Next is the anchor element <a> (which requires a closing tag </a>):
<a> ... </a> +Next is the anchor element <a> (which requires a closing tag </a>):
<a> ... </a> target is an anchor tag attribute that specifies where to open the link and the value "_blank" specifies to open the link in a new tab href is an anchor tag attribute that contains the URL address of the link:
<a href="http://freecodecamp.org"> ... </a> -The text, "link to freecodecamp.org", within the anchor element called anchor text, will display a link to click:
<a href=" ... ">link to freecodecamp.org</a> +The text, "link to freecodecamp.org", within the a element called anchor text, will display a link to click:
<a href=" ... ">link to freecodecamp.org</a> The final output of the example will look like this:

Here's a link to freecodecamp.org for you to follow.

diff --git a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.english.md b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.english.md index 34a67e46072..072c6637366 100644 --- a/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.english.md +++ b/curriculum/challenges/english/01-responsive-web-design/basic-html-and-html5/turn-an-image-into-a-link.english.md @@ -15,7 +15,7 @@ Remember to use # as your a element's href -Place the existing image element within an anchor element. +Place the existing image element within an a (anchor) element. Once you've done this, hover over your image with your cursor. Your cursor's normal pointer should become the link clicking pointer. The photo is now a link.
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.portuguese.md index 5e2f3542e3c..bc7cc0e7ca4 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.portuguese.md @@ -7,7 +7,7 @@ localeTitle: Link para páginas externas com elementos âncora --- ## Description -
Você pode usar elementos de anchor para vincular a conteúdo fora da sua página da web. anchor elementos anchor precisam de um endereço da Web de destino chamado atributo href . Eles também precisam de texto âncora. Aqui está um exemplo: <a href="https://freecodecamp.org">this links to freecodecamp.org</a> Então o seu navegador irá exibir o texto "este links para freecodecamp.org" como um link que você pode clicar. E esse link levará você ao endereço da Web https://www.freecodecamp.org .
+
Você pode usar elementos de a (anchor) para vincular a conteúdo fora da sua página da web. anchor elementos a precisam de um endereço da Web de destino chamado atributo href . Eles também precisam de texto âncora. Aqui está um exemplo: <a href="https://freecodecamp.org">this links to freecodecamp.org</a> Então o seu navegador irá exibir o texto "este links para freecodecamp.org" como um link que você pode clicar. E esse link levará você ao endereço da Web https://www.freecodecamp.org .
## Instructions
Crie a elemento que vincule a http://freecatphotoapp.com e tenha "cat photos" como anchor text .
diff --git a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.portuguese.md b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.portuguese.md index 894b530fd93..953f074890b 100644 --- a/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.portuguese.md +++ b/curriculum/challenges/portuguese/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.portuguese.md @@ -7,7 +7,7 @@ localeTitle: Aninhar um elemento âncora dentro de um parágrafo --- ## Description -
Você pode aninhar links dentro de outros elementos de texto.
<p>
Aqui está um <a target="_blank" href="http://freecodecamp.org"> link para freecodecamp.org </a> para você seguir.
</ p>
Vamos detalhar o exemplo: o texto normal é encapsulado no elemento p :
<p> Here's a ... for you to follow. </p> Em seguida, o elemento anchor <a> (que requer uma tag de fechamento </a> ):
<a> ... </a> target é um atributo de marca de âncora que especifica onde abrir o link e o valor "_blank" especifica para abrir o link em uma nova guia href é um atributo de marca de âncora que contém o endereço de URL de a ligação:
<a href="http://freecodecamp.org"> ... </a> O texto "link para freecodecamp.org" , dentro do elemento anchor text chamado anchor text , exibirá um link para clicar:
<a href=" ... ">link to freecodecamp.org</a> A saída final do exemplo ficará assim:

Aqui está um link para freecodecamp.org para você seguir.

+
Você pode aninhar links dentro de outros elementos de texto.
<p>
Aqui está um <a target="_blank" href="http://freecodecamp.org"> link para freecodecamp.org </a> para você seguir.
</ p>
Vamos detalhar o exemplo: o texto normal é encapsulado no elemento p :
<p> Here's a ... for you to follow. </p> Em seguida, o elemento anchor <a> (que requer uma tag de fechamento </a> ):
<a> ... </a> target é um atributo de marca de âncora que especifica onde abrir o link e o valor "_blank" especifica para abrir o link em uma nova guia href é um atributo de marca de âncora que contém o endereço de URL de a ligação:
<a href="http://freecodecamp.org"> ... </a> O texto "link para freecodecamp.org" , dentro do elemento anchor text chamado anchor text , exibirá um link para clicar:
<a href=" ... ">link to freecodecamp.org</a> A saída final do exemplo ficará assim:

Aqui está um link para freecodecamp.org para você seguir.

## Instructions
Agora aninhe seu elemento a dentro de um novo elemento p (logo após o elemento existente main). O novo parágrafo deve ter o texto "Visualizar mais fotos de gatos", em que "fotos de gatos" é um link, e o restante do texto é texto simples.
diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.russian.md index 8faf21d3175..5c4d325c2e9 100644 --- a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.russian.md +++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.russian.md @@ -8,7 +8,7 @@ localeTitle: Ссылка на внешние страницы с элемент ## Description -
Вы можете использовать элементы anchor для ссылки на контент вне вашей веб-страницы. Элементам anchor нужен адрес веб-сайта назначения, называемый атрибутом href. Им также нужен якорный текст. Вот пример: <a href="https://freecodecamp.org">this links to freecodecamp.org</a> Затем ваш браузер отобразит текст «это ссылки на freecodecamp.org» в качестве ссылки, которую вы можете щелкнуть. И эта ссылка приведет вас к веб-адресу https://www.freecodecamp.org .
+
Вы можете использовать элементы a (anchor) для ссылки на контент вне вашей веб-страницы. Элементам a нужен адрес веб-сайта назначения, называемый атрибутом href. Им также нужен якорный текст. Вот пример: <a href="https://freecodecamp.org">this links to freecodecamp.org</a> Затем ваш браузер отобразит текст «это ссылки на freecodecamp.org» в качестве ссылки, которую вы можете щелкнуть. И эта ссылка приведет вас к веб-адресу https://www.freecodecamp.org .
## Instructions Создайте элемент, который ссылается на http://freecatphotoapp.com и имеет «фотографии котят» в качестве его якорного текста. diff --git a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.russian.md b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.russian.md index 8a83a0220fd..fdd43c47c72 100644 --- a/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.russian.md +++ b/curriculum/challenges/russian/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.russian.md @@ -7,7 +7,7 @@ localeTitle: Гнездо анкерного элемента в абзаце --- ## Description -
Вы можете вставлять ссылки в другие текстовые элементы.
<Р>
Вот вам ссылка <a target="_blank" href="http://freecodecamp.org"> на freecodecamp.org </a> для вас.
</ Р>
Давайте разберем пример: Обычный текст завернут в элемент p :
<p> Here's a ... for you to follow. </p> Следующий элемент anchor <a> (для которого требуется закрывающий тег </a> ):
<a> ... </a> target - это атрибут тега привязки, который указывает, где можно открыть ссылку, а значение "_blank" указывает на открытие ссылки на новой вкладке. href является атрибутом тега привязки, который содержит URL-адрес связь:
<a href="http://freecodecamp.org"> ... </a> В тексте, «ссылка на freecodecamp.org» , в элементе anchor text , который называется anchor text , будет отображаться ссылка:
<a href=" ... ">link to freecodecamp.org</a> Окончательный результат примера будет выглядеть так:

Вот ссылка на freecodecamp.org для вас.

+
Вы можете вставлять ссылки в другие текстовые элементы.
<Р>
Вот вам ссылка <a target="_blank" href="http://freecodecamp.org"> на freecodecamp.org </a> для вас.
</ Р>
Давайте разберем пример: Обычный текст завернут в элемент p :
<p> Here's a ... for you to follow. </p> Следующий элемент anchor <a> (для которого требуется закрывающий тег </a> ):
<a> ... </a> target - это атрибут тега привязки, который указывает, где можно открыть ссылку, а значение "_blank" указывает на открытие ссылки на новой вкладке. href является атрибутом тега привязки, который содержит URL-адрес связь:
<a href="http://freecodecamp.org"> ... </a> В тексте, «ссылка на freecodecamp.org» , в элементе anchor text , который называется anchor text , будет отображаться ссылка:
<a href=" ... ">link to freecodecamp.org</a> Окончательный результат примера будет выглядеть так:

Вот ссылка на freecodecamp.org для вас.

## Instructions
Теперь гнездо уже существующий a элемент в новом p элемент (только после того, как существующего main элемента). В новом абзаце должен быть текст с надписью «Просмотр фотографий кошек», где «фотографии кошек» - это ссылка, а остальная часть текста - простой текст.
diff --git a/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.spanish.md index 88695a8d628..3810150fc98 100644 --- a/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.spanish.md +++ b/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/link-to-external-pages-with-anchor-elements.spanish.md @@ -7,7 +7,7 @@ localeTitle: Enlace a páginas externas con elementos de anclaje --- ## Description -
Puede usar elementos de anclaje anchor para vincular contenido fuera de su página web. los elementos de anclaje anchor necesitan una dirección web de destino denominada atributo href . También necesitara agregar texto al elemento de anclaje. Aquí hay un ejemplo: <a href="https://freecodecamp.org">this links to freecodecamp.org</a> Luego, su navegador mostrará el texto "este enlace a freecodecamp.org" como un enlace en el que puede hacer clic. Y ese enlace lo llevará a la dirección web https://www.freecodecamp.org .
+
Puede usar elementos de anclaje a (anchor) para vincular contenido fuera de su página web. los elementos de anclaje a necesitan una dirección web de destino denominada atributo href . También necesitara agregar texto al elemento de anclaje. Aquí hay un ejemplo: <a href="https://freecodecamp.org">this links to freecodecamp.org</a> Luego, su navegador mostrará el texto "este enlace a freecodecamp.org" como un enlace en el que puede hacer clic. Y ese enlace lo llevará a la dirección web https://www.freecodecamp.org .
## Instructions
Crear un elemento de anclaje a que une a http://freecatphotoapp.com y tiene "fotos de gatos" como su texto de anclaje anchor text .
diff --git a/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.spanish.md b/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.spanish.md index 5d0e5d41df7..4d1412d1228 100644 --- a/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.spanish.md +++ b/curriculum/challenges/spanish/01-responsive-web-design/basic-html-and-html5/nest-an-anchor-element-within-a-paragraph.spanish.md @@ -7,7 +7,7 @@ localeTitle: Anidar un elemento de anclaje dentro de un párrafo --- ## Description -
Puedes anidar enlaces dentro de otros elementos de texto.
<p>
Aquí hay un enlace <a target="_blank" href="http://freecodecamp.org"> a freecodecamp.org </a> para que lo siga.
</p>
Desglosemos el ejemplo: el texto normal está envuelto en el elemento p :
<p> Here's a ... for you to follow. </p> siguiente es el elemento de anchor <a> (el cual requiere una etiqueta de cierre </a> ):
<a> ... </a> target es un atributo de etiqueta de anclaje que especifica dónde abrir el enlace y el valor "_blank" especifica que se abra el enlace en una nueva pestaña
href es un atributo de etiqueta de anclaje que contiene la dirección URL de el enlace:
<a href="http://freecodecamp.org"> ... </a> El texto, "link to freecodecamp.org" , dentro del elemento de anchor text llamado anchor text , mostrará un enlace para hacer clic:
<a href=" ... ">link to freecodecamp.org</a> El resultado final del ejemplo se verá así:

Aquí hay un enlace a freecodecamp.org para que lo sigas.

+
Puedes anidar enlaces dentro de otros elementos de texto.
<p>
Aquí hay un enlace <a target="_blank" href="http://freecodecamp.org"> a freecodecamp.org </a> para que lo siga.
</p>
Desglosemos el ejemplo: el texto normal está envuelto en el elemento p :
<p> Here's a ... for you to follow. </p> siguiente es el elemento de anchor <a> (el cual requiere una etiqueta de cierre </a> ):
<a> ... </a> target es un atributo de etiqueta de anclaje que especifica dónde abrir el enlace y el valor "_blank" especifica que se abra el enlace en una nueva pestaña
href es un atributo de etiqueta de anclaje que contiene la dirección URL de el enlace:
<a href="http://freecodecamp.org"> ... </a> El texto, "link to freecodecamp.org" , dentro del elemento de anchor text llamado anchor text , mostrará un enlace para hacer clic:
<a href=" ... ">link to freecodecamp.org</a> El resultado final del ejemplo se verá así:

Aquí hay un enlace a freecodecamp.org para que lo sigas.

## Instructions
Ahora anide de su actual elemento a dentro de un nuevo elemento p(justo a continuación del elemento main). El nuevo párrafo debe tener un texto que diga "Ver más fotos de gatos", donde "fotos de gatos" es un enlace, y el resto del texto es texto sin formato.