HTML o Lenguaje de marcado de hipertexto

HTML es un lenguaje de maquetado que hace posible la presentación de páginas web, desde portales bancarios hasta redes sociales, ¿De qué se trata?

¿Qué es HTML?

Lenguaje de marcado de hipertexto (HTML), es un lenguaje de marcado estándar para crear páginas web.

Características

Describe la estructura de las páginas web mediante el marcado.
Los elementos HTML son los componentes básicos de las páginas.
Está representado por etiquetas.

HTML etiqueta fragmentos de contenido como “encabezado”, “párrafo”, “tabla”, etc.
Los navegadores no muestran las etiquetas HTML, pero las usan para representar el contenido de la página.

Podría interesarte Instalar wordpress en azure

Etiquetas HTML

Las etiquetas HTML son palabras encerradas entre los caracteres menor que (<) y mayor que (>).

Ejemplo:

<div> contenido diverso </div>

Las etiquetas HTML normalmente vienen en pares como <div>y</div>.

La primera etiqueta es la etiqueta de inicio, la segunda etiqueta es la etiqueta de cierre.
La etiqueta final se escribe como la etiqueta de inicio, pero con una diagonal antes del nombre de la etiqueta.

Existen etiquetas que no respetan tal cual los puntos anteriores, por ejemplo:

<img src="ruta imagen" alt="descripción de imagen" />

En la única etiqueta se colocan los atributos, se cierra con la diagonal y el símbolo mayor que (>).

Código HTML

Veamos un ejemplo básico y que todas las páginas web contienen:

<!DOCTYPE html>
<html>
    <head>
        <title>Titulo de página</title>
    </head>
    <body>
        Contenido...
    </body>
</html>

Detalles:

Línea 1- Define la versión del HTML.
2- Elemento raíz de una página web.
3- Encabezado con el contenido de la metainformación de la página.

4- Titulo de la página (texto visualizado en la pestaña del explorador).
6- contenido de todo el sitio.

HTML5

Es la última versión de HTML, podemos mencionar algunas diferencias esenciales a las versiones anteriores:

Agrega nuevos elementos, atributos y comportamientos.
Contiene un conjunto de tecnologías que agilizan los sitios y aplicaciones web.

Podría interesarte PageSpeed Insights

Código de una página HTML5

<!DOCTYPE html>
<html>
    <head>
        <title>Titulo de página</title>
    </head>
    <body>
        <p>Parrafo</p>
    </body>
</html>

Clasificación de las tecnologías HTML5

Semántica
Conectividad

Sin conexión y almacenamiento
Multimedia
Gráficos y efectos 2D/3D

Rendimiento e integración
Acceso al dispositivo
CSS3

Ejemplo practico

Abre un bloc de notas y coloca el contenido siguiente:

<!DOCTYPE html>
<html>
    <head>
        <title>Pagina KC</title>
    </head>
    <body>
        <h1>Primera página</h1>
        <p>Primer parrafo.</p>
        <p>Segundo parrafo.</p>
    </body>
</html>

Guarda el archivo con la terminación .html, por ejemplo Pagina.html.

Buscamos el archivo y damos doble clic en él, se abrirá el explorador web para mostrar el contenido.

HTML o Lenguaje de marcado de hipertexto

Todas las etiquetas no se muestras, lo único que verán es el contenido que se encuentra entre las etiquetas body.