Qué es HTML

El lenguaje de marcado de hipertexto (HTML) es un lenguaje informático que

forma parte de la mayoría de las páginas web y aplicaciones en línea.
Básicamente se trata de un conjunto de etiquetas que sirven para definir el
texto y otros elementos que compondrán una página web, como imágenes,
listas, vídeos, etc. indicando al navegador como ordenar y mostrar el contenido
que se ha creado utilizando el mismo.

Otro concepto

HTML es el lenguaje con el que se define el contenido de las páginas web.

Corresponde a las siglas en inglés de Lenguaje de Marcado de Hipertexto,
básicamente son un conjunto de etiquetas que el navegador interpreta y se
emplean para definir el texto y otros elementos que compondrán una página
web, como imágenes, listas, tablas, vídeos, etc.

El lenguaje HTML sirve para describir la estructura básica de una página y

organizar la forma en que se mostrará su contenido, además de que HTML
permite incluir enlaces hacia otras páginas o documentos.

Hay que mencionar que el HTML no es un lenguaje de programación, ya que

no cuenta con funciones aritméticas, variables o estructuras de control propias
de estos lenguajes, por lo que el HTML únicamente sirve para crear páginas
web estáticas. Sin embargo, este lenguaje es muy útil ya que combinado con
otros lenguajes de programación obtenemos páginas web dinámicas como las
que conocemos hoy en día.

Breve historia del HTML

El HTML nace en 1980 cuando el científico Tim Berners-Lee propuso un nuevo

sistema de hipertexto para compartir documentos. Surge ante la necesidad de
encontrar documentos que te aporten información relacionada con el tema que
necesitas y que, además, puedas acceder a ellos desde cualquier parte del
mundo.

Es por ello por lo que un grupo de expertos con Berners-Lee de cabecilla

deciden crear un nuevo proyecto: el World Wide Web (WWW). Una de las
bases de este proyecto es el lenguaje HTML, que como ya hemos mencionado
permitirá que cada uno de los documentos que están en internet tengan un
formato unificado y que le dé una estructura.

La forma de hacerlo es a través de etiquetas con un orden determinado.

Recordemos que este lenguaje sólo podrá ser procesado por un navegador
como los que usamos a diario, como el que posiblemente estés empleando
ahora para leer este artículo.
Elementos HTML

Un elemento HTML normalmente consta de una etiqueta de inicio y una

etiqueta de finalización, con el contenido insertado entre ambas.

Todas las páginas HTML cuentan con una serie de elementos HTML, formados
por un conjunto de etiquetas y atributos. Los elementos HTML son los bloques
de construcción de una página web. Una etiqueta indica al navegador dónde
empieza y termina un elemento, mientras que un atributo describe las
características de un elemento.

Las tres partes principales de un elemento son:

 Etiqueta de Inicio. Se utiliza para indicar dónde empieza a tener efecto

un elemento. Esta se envuelve con corchetes de apertura y cierre. Por
ejemplo, usa la etiqueta de apertura <p> para crear un párrafo.
 Contenido. Es el resultado que ven los demás usuarios.
 Etiqueta de cierre. Igual que la de apertura, pero con una barra
inclinada antes del nombre del elemento. Por ejemplo, </p> para
terminar un párrafo.

¿Qué es una página Web?

Una Página Web es conocida como un documento de tipo electrónico, que

contiene información digital, la cual puede venir dada por datos visuales y/o
sonoros, o una mezcla de ambos, a través de textos, imágenes, gráficos, audio
o vídeos y otros tantos materiales dinámicos o estáticos. Adaptado a los
estándares de la World Wide Web (WWW) y a la que se puede acceder a
través de un navegador Web y una conexión activa a Internet.

Partes de una página web

La estructura de una página web se refiere a las partes por las cuales está
compuesta cada url. Podemos encontrar estas tres partes:

 Cabecera

Es la parte superior de la web y por lo general se repite en todas las urls de la

web, lo que quiere decir que está fijada. Los elementos que podemos encontrar
en la cabecera pueden variar, pero por norma general podemos encontrar el
logotipo, la información principal de la empresa, el menú de navegación o un
cuadro de búsqueda, entre otros.

Si hablamos de las partes de una página web html, la cabecera siempre se

encuentra entre las etiquetas <header></header>.

 Cuerpo
Contiene el contenido principal de la web y este contenido es diferente de una
url a otra. Se estructura en secciones y columnas, y pueden variar según el
diseño establecido.

En el código html podemos identificarla con la etiqueta <body></body>.

 Pie

El pie de página, o más conocido como footer, es el cierre de la página, y por lo

general podemos encontrar la información legal (como la política de privacidad
o de cookies) y la información de contacto (teléfono, dirección, redes sociales
etc.)

Estructuras básicas para crear una página Web

La estructura de un sitio web comprende la forma en la que se relacionan las

páginas que la integran, así como la experiencia del usuario mientras navega
por la misma.

La estructura de tu página web es la manera en la cual está organizado su

enlazado interno, es dinámica y puedes cambiarla cada vez que lo deseas. De
tal forma que puedes visualizarlos en textos, imágenes, videos, entre otros y
siempre se trata de colocarlos de tal manera que puedas entenderlos y darles
uso. Esa manera de colocar estos elementos se denomina “estructura de la
página”.

Las partes de tu página web cumplen una serie de funciones muy importantes
para que el usuario pueda navegar a través de ella, tal vez no las conozcas por
su nombre:

 Cabecera o “header”, generalmente está ubicada en la parte superior

de la página.
 Logo: Es la marca o título con la que identificas tu página.
 Menú: Esta sección de tu página web puedes encontrarlo también al pie
de la misma.
 Cuerpo de la Página o “body”: Es donde introduces los contenidos
principales.
 Pie de página o “footer”: en esta sección se ubican los créditos,
copyright, cierre.