Bienvenido al curso

En toda la red se utiliza HTML para crear páginas web, sin este internet no existiría, HTML es un lenguaje de marcado como indican sus siglas en inglés (Hyper Text Language Markup) que traducido al castellano significa Lenguaje de Marcas de Hipertexto y sirve para dar formato a las páginas de los documentos HTML.

Html trabaja con etiquetas, una etiqueta es una palabra encerrada entre los signos menor que < y mayor que > , casi todas las etiquetas van por parejas, una que sirve de apertura <etiqueta> y otra de cierre <etiqueta/>, como puedes observar la única diferencia radica en que la etiqueta de cierre utiliza una barra diagonal de cierre antes de la palabra de dicha etiqueta.

La declaración Doctype

Lo primero que aparece en el documento de una página web es la declaración <doctype>, que no es nada más que el tipo de documento en el que se va a trabajar, hoy en día la mayoria de documentos se diseñan en HTML5, que es el que utilizaremos, para ello tan solo debemos escribir la etiqueta mostrada justo aquí abajo en nuestro editor de texto, con esto le estamos diciendo al navegador que vamos a crear un documento en HTML5.

<!DOCTYPE html>

La etiqueta html

La etiqueta <html> es la que nos indica que el documento HTML va a comenzar y esa es su única función, la de decirle al navegador que el documento html va a comenzar, como te he comentado antes, las etiquetas van por parejas, así que hay que añadir otra al final del documento, la cual le dirá al navegador que el documento html ha finalizado.

<html></html>

La etiqueta head

Otro conjunto de etiquetas importantes son el conjunto de etiquetas <head> , a esta etiqueta se la denomina cabecera del documento, y entre ellas van cosas tan importantes como, el título de la página, que es mostrada en la solapa del navegador, las etiquetas <meta>, que se usan para el posicionamiento y descripción de la página entre otras cosas, los enlaces a los estilos de dicha página, scripts de JavaScript o JQuery, etc...

<head></head>

La etiqueta body

Y la última etiqueta y más importante, son el conjunto de etiquetas <body>, entre estas etiquetas va todo el contenido visible de cualquier página web, es lo que ve el usuario en su pantalla y es aquí donde va gran parte del código de una página web.

<body></body>

Estructura de un documento HTML

Esta es la estructura básica que tiene cualquier documento HTML.

<!DOCTYPE html>
<html>
  <head> 
  </head>
  <body> 
  </body>
</html>
HTML no diferencia los espacios en blanco ni los saltos de línea al escribir código, es indiferente como formatees tu código, pero en programación hay unos hábitos de buenas prácticas, uno de ellos es el sangrado ente etiquetas embebidas, las etiquetas embebidas son las que estan dentro de otras, por ejemplo, la etiqueta <head> esta embebida dentro de la etiqueta <html>, la que está dentro de otra etiqueta se le denomina hija, y la que la envuelve padre, no te preocupes si ahora te parece confuso, ya irás entendiendolo más adelante.

Ejercicios

Crea una carpeta en tu equipo y nombrala como miWeb, seguidamente crea 3 carpetas más en su interior con los siguientes nombres, estilos, funciones y imagenes.

 miWeb
     estilos
     funciones
     imagenes

Daniel Fernández Velázquez

Me encanta aprender y practicar la programación web, Autodidacta y apasionado de la tecnología.