Contenido del Curso
HTML Definitivo
HTML Definitivo
Marcado de Texto con Propósito Especial
Enlace
La tag <a>
se utiliza para crear hiperenlaces que permiten a los usuarios navegar entre distintas páginas web. Cuando un usuario pulsa sobre un enlace, el navegador envía una petición al servidor para la página asociada al enlace y muestra la respuesta en la pantalla. El atributo href
ayuda a especificar la URL de la página de destino.
index
index
index
Atributos de Enlace:
target
Por defecto, el enlace se abre en la misma pestaña del navegador. El atributo target
nos permite modificar este comportamiento. Para abrir un enlace en una nueva pestaña, utilice target="_blank"
.
index
index
index
download (descargar)
El atributo download
puede utilizarse con la tag HTML <a>
para especificar que el recurso de destino debe descargarse en lugar de mostrarse en el navegador. Cuando se utiliza el atributo download
, el navegador pide al usuario que guarde el archivo con el nombre especificado. Por ejemplo, si necesitamos crear un elemento con la siguiente funcionalidad: cuando el usuario haga clic en el enlace, el navegador descargará el archivo myfile.pdf de https://example.com/
y pedirá al usuario que lo guarde con el nombre de archivo myfile.pdf.
index
index
index
href
El atributo href
se utiliza no sólo para navegar a otras páginas, sino también para crear enlaces a direcciones de correo electrónico, números de teléfono y secciones específicas.
index
index
index
Además, el atributo href
puede utilizarse para navegar a secciones específicas dentro de una página web. Para crear una tag de anclaje, asigne un atributo id
(un identificador único) a la sección deseada a la que queremos desplazarnos. El atributo href
toma un valor que comienza con el símbolo #
seguido del valor id
.
Exploremos el siguiente ejemplo, presentado en la plataforma de CodeSandbox. Esta plataforma permite inspeccionar el código y examinar su funcionalidad.
Nota
Por favor, tómese un momento para inspeccionar la funcionalidad haciendo clic en los enlaces y observando cómo la página en vivo se desplaza a las secciones específicas. Además, preste atención a los atributos de la tag
a
y la tagh2
.
Botón
La tag <button>
en HTML se utiliza para crear un botón en el que se puede hacer clic y que puede desencadenar una acción, como enviar un formulario, ejecutar una función JavaScript como abrir y cerrar una ventana emergente, o alternar un menú móvil. Por defecto, el <button>
tiene el atributo type
, y su valor es submit
. Sin embargo, a menudo es necesario especificar type="button"
.
index
index
index
Nota
La tag
<a>
se utiliza para crear hipervínculos a otras páginas web, documentos o recursos. En cambio, la tag<button>
se utiliza para crear interactividad en una página web, activar un evento o realizar una acción. Es esencial no mezclar sus propósitos.
¡Gracias por tus comentarios!