Aprende HTML

enero 09, 2018

Un lenguaje de programación es un lenguaje formal diseñado para realizar procesos que pueden ser llevados a cabo por máquinas como las computadoras. En esta entrada se explicarán los conceptos básicos acerca del lenguaje HTML, usado para crear la estructura de las páginas web.

1. Cómo indicar que vamos a usar HTML?
Para indicar a la página web que utilizaremos HTML deberemos intrudicr la etiqueta <!DOCTYPE html>, el resto del programa irá contenido dentro de las etiquetas <html> </html>

La etiqueta <strong></strong> permite poner en negrita el texto.

2. Head y body:

Las etiquetas <head></head> indican el lugar donde se pondrá la información que no se ve en pantalla, es decir, los metadatos. Ej: el nombre de la pestaña se indica con las etiquetas <title></title>

Las etiquetas <body></body> indican la parte donde se pondrá el contenido del blog, lo que se ve en pantalla. Dentro de él puede haber encabezados de diferentes tamaño (<h1></h1>, <h3></h3>... de tamaño del 1 al 6), párrafos (<p></p>)...

3. Enlaces e imágenes:

Dentro del cuerpo, y por tanto de párrafos y encabezados, se pueden introducir enlaces con la etiqueta <a href="enlace que quieres poner"> </a>, e imágenes con la etiqueta <img src="enlace de la foto"/> la cual no requiere de una etiqueta de cerrado pues se cierra en la primera misma.

Ambas estructuras pueden anidarse, al igual que los encabezados y los párrafos, de forma que una imagen contenga un enlace.

4. Ejemplo de página web:

En las siguientes capturas mostraré un ejemplo de lo que podría ser un portal de bienvenida de una página web, mezclando todos los recursos mencionados anteriormente (encabezados, párrafos, enlaces, imágenes).