HTML: Estructuras Flashcards
<a href="http://www.codecademy.com"> Visit this site </a> <a href="http://www.codecademy.com"> <img src="logo.jpg"> Click this image </a>
La etiqueta ancla <a>
se utiliza para colocar enlaces en la página. El primer ejemplo es de un enlace de texto y el segundo es de un enlace de imagen.
<!DOCTYPE html> <html> <head> <!-- Metadata here--> </head> </html>
La etiqueta <head>
es de tipo metadato que contiene información general de la página.
<a href="https://www.google.com" target="_blank"> Click me </a>
El atributo target
indica la acción que se llevará a cabo al darle clic al enlace del ancla. El valor _blank
indica que el enlace se abrirá en una nueva pestaña.
<div> <p id="id-of-element-to-link-to">A different part of the page!</p> </div> <a href="#id-of-element-to-link-to"> Take me to a different part of the page </a>
Al colocar un #
seguido de un identificador en el atributo href
, el enlace nos manda al elemento que tenga ese identificador.
<!-- Soy un comentario -->
Sintaxis de un comentario.
<!DOCTYPE html> <html> <head> <title>Title of the HTML page</title> </head> </html>
La etiqueta <title>
indica el texto que aparecerá como título en la ventana del navegador.
<a href="https://developer.mozilla.org/en-US/docs/Web"> The URL for this anchor element is an absolute file path. </a> <a href="./about.html"> The URL for this anchor element is a relative file path. </a>
Sintaxis de un enlace absoluto y de un enlace relativo.
<!DOCTYPE html>
Le indica al navegador qué tipo de documento esperar.