<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> الناتج النهائي للمثال كما يلي: <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> الناتج النهائي للمثال كما يلي: a عنصر داخل الجديد p عنصر (فقط بعد القائمة main عنصر). يجب أن تحتوي الفقرة الجديدة على نص يقول "عرض المزيد من صور القط" ، حيث تكون "صور القط" ارتباطًا ، وبقية النص عبارة عن نص عادي. 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 。 http://freecatphotoapp.com a元素，并将“猫照片”作为其anchor text 。 http://freecatphotoapp.com a元素，并将“猫照片”作为其anchor 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 4761386d07..655cc59392 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的链接供您关注。
a新元素内p元（刚过现有的main元素）。新段落的文本应显示“查看更多猫照片”，其中“猫照片”是一个链接，其余文本是纯文本。 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>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 b062f85747..3253249aab 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.
...
<h2 id="contacts-header">Contacts</h2>
<p>Let's break down the example: Normal text is wrapped in the
Here's a <a target="_blank" href="http://freecodecamp.org"> link to freecodecamp.org</a> for you to follow.
</p>
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.
# 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.
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 . 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 . a elemento que vincule a http://freecatphotoapp.com e tenha "cat photos" como anchor text . <p>Vamos detalhar o exemplo: o texto normal é encapsulado no elemento
Aqui está um <a target="_blank" href="http://freecodecamp.org"> link para freecodecamp.org </a> para você seguir.
</ p>
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.
<p>Vamos detalhar o exemplo: o texto normal é encapsulado no elemento
Aqui está um <a target="_blank" href="http://freecodecamp.org"> link para freecodecamp.org </a> para você seguir.
</ p>
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.
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. 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 . 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 8a83a0220f..fdd43c47c7 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 для вас.
a элемент в новом p элемент (только после того, как существующего main элемента). В новом абзаце должен быть текст с надписью «Просмотр фотографий кошек», где «фотографии кошек» - это ссылка, а остальная часть текста - простой текст. 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 . 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 . a que une a http://freecatphotoapp.com y tiene "fotos de gatos" como su texto de anclaje anchor text . <p>Desglosemos el ejemplo: el texto normal está envuelto en el elemento
Aquí hay un enlace <a target="_blank" href="http://freecodecamp.org"> a freecodecamp.org </a> para que lo siga.
</p>
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.
<p>Desglosemos el ejemplo: el texto normal está envuelto en el elemento
Aquí hay un enlace <a target="_blank" href="http://freecodecamp.org"> a freecodecamp.org </a> para que lo siga.
</p>
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.
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.