Notice: This page requires JavaScript to function properly.
Please enable JavaScript in your browser settings or update your browser.
Marcado de Texto con Propósito Especial | Tags y Atributos
HTML Definitivo
course content

Contenido del Curso

HTML Definitivo

HTML Definitivo

1. Desarrollo Web
2. Tags y Atributos
3. Estructura del Documento
4. Medios y Tablas
5. Formularios

bookMarcado 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.

html

index

css

index

js

index

copy

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".

html

index

css

index

js

index

copy

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.

html

index

css

index

js

index

copy

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.

html

index

css

index

js

index

copy

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 tag h2.

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".

html

index

css

index

js

index

copy

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.

1. ¿Se puede abrir una nueva pestaña/ventana con una tag `<button>`?
2. ¿Se puede utilizar una tag `<button>` para enviar un formulario?
3. ¿Cuál es la principal diferencia entre la tag `<a>` y la tag `<button>`?
¿Se puede abrir una nueva pestaña/ventana con una tag `<button>`?

¿Se puede abrir una nueva pestaña/ventana con una tag <button>?

Selecciona la respuesta correcta

¿Se puede utilizar una tag `<button>` para enviar un formulario?

¿Se puede utilizar una tag <button> para enviar un formulario?

Selecciona la respuesta correcta

¿Cuál es la principal diferencia entre la tag `<a>` y la tag `<button>`?

¿Cuál es la principal diferencia entre la tag <a> y la tag <button>?

Selecciona la respuesta correcta

¿Todo estuvo claro?

¿Cómo podemos mejorarlo?

¡Gracias por tus comentarios!

Sección 2. Capítulo 9
some-alt