EN la lección anterior vimos la introducción al HTML y hablamos un poco de qué era el HTML y la diferencia entre front-end y back-end, de forma que antes de ponernos con la estructura básica del HTML y entrar en lo que ya es el lenguaje propiamente dicho, vamos a ver cómo se ha de construir, es decir, su sintaxis, ya que sin asentar esto no podremos pasar al siguiente punto.

 

EL HTML MEJOR EN MINÚSCULAS

Antes de nada, es bueno saber que cuando utilizamos el lenguaje HTML debemos hacerlo en minúsculas, ya que aunque este lenguaje no distingue mayúsculas de minúsculas y ambas las interpreta de forma indiferente, esto no ocurre en todos los lenguajes, así que es mejor habituarse a la maquetación web en minúsculas en todos los lenguajes para evitar malas costumbres que puedan traernos problemas en un futuro.

 

DECLARACIÓN DEL TIPO DE DOCUMENTO (DOCTYPE)

El Doctype o declaración de tipo de documento es la primera etiqueta que debe figurar en un documento HTML, ya que es la que determina qué versión de HTML estamos utilizando, y en base a eso interpreta lo que vayamos añadiendo de la forma correcta. En nuestro caso utilizamos HTML5, que es la última versión y cuyo doctype es <!doctype html>.

 

TIPOS DE ELEMENTOS

Otra cosa importante de los elementos del HTML es pueden haber dos tipos: elementos vacíos, que son aquellos elementos que no pueden tener contenido, como ocurre por ejemplo con la etiqueta br, que se construiría como <br>, y elementos no vacíos, que son los que tienen una etiqueta de apertura y otra de cierre, como puede ser el elemento p, que se construiría como <p>Contenido del párrafo</p>.

 

COMENTARIOS

Al ser código puro, puede llegar a resultar complicado encontrar algo concreto cuando un documento HTML es muy extenso, de forma que se utilizan comentarios para incluir anotaciones que no afecten al lenguaje dentro del archivo, pero que nos ayuden a delimitar cada apartado de la web o añadir una pequeña aclaración. En estos casos, se utiliza la siguiente estructura <!– Comentario –>.

 

 

A pesar de que parezca poca información, estos son cuatro conceptos que hay que dejar fijados antes de pasar al siguiente escalón, así que por el momento lo dejamos aquí y continuaremos pronto con la estructura básica de todo documento HTML. Si tienes alguna duda, sugerencia o petición concreta para futuro contenido, no dudes en dejármelo en los comentarios.

KhoanaGuardarGuardarGuardarGuardarGuardarGuardar

GuardarGuardar

GuardarGuardar

Este sitio web utiliza cookies para que usted tenga la mejor experiencia de usuario. Si continúa navegando está dando su consentimiento para la aceptación de las mencionadas cookies y la aceptación de nuestra política de cookies, pinche el enlace para mayor información.plugin cookies

ACEPTAR
Aviso de cookies