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.html
index.css
index.js
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.html
index.css
index.js
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.html
index.css
index.js
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.html
index.css
index.js
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
ay 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.html
index.css
index.js
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.
¿Todo estuvo claro?
Contenido del Curso
HTML Definitivo
2. Tags y Atributos
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.html
index.css
index.js
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.html
index.css
index.js
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.html
index.css
index.js
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.html
index.css
index.js
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
ay 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.html
index.css
index.js
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.
¿Todo estuvo claro?
