Html se usa para darle estructura a los sitios web. Abrimos los archivos HTML usando un navegador, y el navegador reproduce el archivo (nos lo muestra).
Pasos para crear un HTML:
- Para comenzar el lenguaje se escribe <!DOCTYPE html>
- Luego para comenzar a escribir se coloca <html> y posteriormente </html> para cerrar el archivo, una vez finalizado todo su contenido (titulo, encabezado, prrafos, etc). - Para el encabezado se escribe <head> para abrir y </head> para cerrar. Dentro del encabezado se puede escribir un titulo con <title> y para cerrar titulo </title>. - En el cuerpo se debe escribir <body> y </body> para cerrar, dentro del cuerpo se pueden escribir prrafos de la siguiente manera, para abrir prrafo <p> y para cerrarlos </p>. - Para agregar encabezados dentro del cuerpo (body) se coloca <h> para abrir y </h> para cerrar el encabezado. Hay 6 tipos de tamaos de encabezados en html, el <h1> que es el ms grande, hasta el <h6> que vendra siendo el mas pequeo. - Para crear hipervnculos o vnculos, se debe escribir por ejemplo: <a href=http://www.youtube.com> DESCRIPCION por ejemplo MEJOR SITIO DE VIDEOS </a>. De esta manera habra una etiqueta de apertura que seria <a href= SITIO WEB QUE DESEO ENLAZAR> donde estara incrustado el link del sitio que quiero enlazar y luego vendra la DESCRIPCION (palabras que quiero subrayar o enlazar con el link deseado) y luego la etiqueta de cierre </a>. - Para agregar una imagen al cdigo, se usa <img scr: URL DE LA IMAGEN /> Aqu se pueden notar dos diferencias, uno: hay que copiar la direccin url de la imagen para que sea legible y se cargue durante la lectura de la pgina, y dos: la etiqueta de cierre es solo un slash /> - Para colocar una imagen (etiqueta html) como un enlace a otra pagina web (se llama anidado) se abre la etiqueta de hipervnculo que es <a href http://www.youtube.com> Pero como descripcin se coloca una etiqueta de imagen (la que vamos a usar como vinculo) de la siguiente manera < img scr= URL DE LA IMAGEN /> y luego la etiqueta de cierre de hipervnculo que es </a>. - Listas. Lista no ordenada: <ul> con elemento de <li>. Lista ordenada: <ol> con elemento <li>. Lista de descripcin: <dl> con elementos de <dt> para el termino y <dd> para descripcin de cada termino (ejemplos en la carpeta, videos y documentos). - Para enlaces interdocumentales se usa <a href=#Nombre de la palabra enlace (por lo general se escribe en minuscula)></a> y para el destino se usa <a id=palabra enlace></a>. - Para enlaces extradocumentales se usa <a href=https://es.wikipedia.org/wiki/Hypertext_Transfer_Protocol></a>