<hr />
<blockquote>
<p>Los enlaces HTML se pueden usar para crear marcadores, de modo que los lectores puedan ir a partes específicas de una página web.</p>
</blockquote>
<hr />
<h2 id="heading-crea-un-marcador">Crea un marcador</h2>
<p>Los marcadores pueden ser útiles si una página web es muy grande.</p>
<p>Para crear un marcador, primero cree el marcador y luego agrégue un enlace.</p>
<p>Cuando se hace clic en el enlace, la página se desplazará hacia abajo o hacia arriba, hasta la ubicación del marcador.</p>
<hr />
<h2 id="heading-ejemplo">Ejemplo</h2>
<p>Primero, usa el atributo <code>id</code> para crear un marcador:</p>
<pre><code class="lang-xml"><span class="hljs-comment">&lt;!-- Usa el atributo id --&gt;</span>
<span class="hljs-tag">&lt;<span class="hljs-name">h2</span> <span class="hljs-attr">id</span>=<span class="hljs-string">"C4"</span>&gt;</span>Capitulo 4<span class="hljs-tag">&lt;/<span class="hljs-name">h2</span>&gt;</span>
</code></pre>
<p>Luego, agrega un enlace al marcador ("Ir al capítulo 4"), dentro de la misma página:</p>
<pre><code class="lang-xml"> <span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"#C4"</span>&gt;</span>Ir al capitulo 4<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
</code></pre>
<p>También puedes agregar un enlace a un marcador en otra página:</p>
<pre><code class="lang-xml"><span class="hljs-tag">&lt;<span class="hljs-name">a</span> <span class="hljs-attr">href</span>=<span class="hljs-string">"html_demo.html#C4"</span>&gt;</span>Ir al capitulo 4<span class="hljs-tag">&lt;/<span class="hljs-name">a</span>&gt;</span>
</code></pre>
<p><strong>Ejemplo:</strong></p>
<div class="embed-wrapper"><div class="embed-loading"><div class="loadingRow"></div><div class="loadingRow"></div></div><a class="embed-card" href="https://codepen.io/xantosromero/pen/jOvabKm">https://codepen.io/xantosromero/pen/jOvabKm</a></div>
<p> </p>
<hr />
<h2 id="heading-resumen">Resumen</h2>
<p>Usa el atributo <code>id</code> para definir marcadores en una página.</p>
<p>Usa el atributo <code>href</code> para vincular el marcador.</p>
<hr />
<p><em>Traducido con 💚 desde</em> <a target="_blank" href="http://W3Schools.com"><em><a href="http://W3Schools.com" class="autolinkedURL autolinkedURL-url" target="_blank">W3Schools.com</a></em></a></p>


---

> Los enlaces HTML se pueden usar para crear marcadores, de modo que los lectores puedan ir a partes específicas de una página web.

---

## Crea un marcador

Los marcadores pueden ser útiles si una página web es muy grande.

Para crear un marcador, primero cree el marcador y luego agrégue un enlace.

Cuando se hace clic en el enlace, la página se desplazará hacia abajo o hacia arriba, hasta la ubicación del marcador.

---

## Ejemplo

Primero, usa el atributo `id` para crear un marcador:

```xml

<h2 id="C4">Capitulo 4</h2>
```

Luego, agrega un enlace al marcador ("Ir al capítulo 4"), dentro de la misma página:

```xml
 <a href="#C4">Ir al capitulo 4</a>
```

También puedes agregar un enlace a un marcador en otra página:

```xml
<a href="html_demo.html#C4">Ir al capitulo 4</a>
```

**Ejemplo:**

%[https://codepen.io/xantosromero/pen/jOvabKm] 

---

## Resumen

Usa el atributo `id` para definir marcadores en una página.

Usa el atributo `href` para vincular el marcador.

---

*Traducido con 💚 desde* [*W3Schools.com*](http://W3Schools.com)

Los enlaces HTML se pueden usar para crear marcadores, de modo que los lectores puedan ir a partes específicas de una página web.

¿Cómo usar los enlaces como marcadores en HTML?

La ruta del desarrollador web frontend autónomo🤹‍♂️

HTML Links Bookmarks

Crea un marcador

Ejemplo

Resumen

Desarrollador Frontend | HTML | CSS | JavaScript


Contenido sobre desarrollo web para principiantes. Organización y productividad para desarrolladores web.

HTML Links Bookmarks

La ruta del desarrollador web frontend autónomo🤹‍♂️

Table of contents

Crea un marcador

Ejemplo

Resumen