Conoce los elementos necesarios para aprender HTML

El Lenguaje más utilizado para la creación de páginas web ¿Que es el HTML?

Es un lenguaje que se utiliza para la creación de páginas web en la WWW (Word Wide Web), se compone por una serie de comandos que son interpretados por el visualizador o el navegador, siendo este un ejecutor de las órdenes contenidas en el código HTML.

Este lenguaje es el más utilizado en la escritura de páginas web, ya que es un lenguaje sencillo, que está conformado por una serie de etiquetas que contienen diversos elementos o textos planos.

Vamos a describir los elementos básicos para HTML

Una página HTML está básicamente compuesta por un código conformado por los siguientes elementos:

• HTML: Le indica al navegador que el documento está escrito en lenguaje HTML.
• HEAD: Le indica al navegador todo el encabezado, conforma el área principal de tu página.
• BODY: Le indica al navegador todo el contenido que se va a mostrar en la página.

Elementos internos necesarios para el encabezado

• html lang="es" y meta http-equiv=: Especifican el idioma y la codificación para evitar errores en el navegador.
• meta name="viewport" : Logra que el contenido se adapte al tamaño de las pantallas, por ejemplo al tamaño pequeño de los dispositivos móviles.
• title: Especifica el nombre de la página, debe contener un máximo de 67 caracteres incluyendo los espacios, este es el título azul que se verá en la página de resultados del buscador.
• meta name="Keywords": Contiene las palabras clave que anteriormente ya analizaste y seleccionaste, van separadas por una coma y no llevan acentos.
• meta name="Description": Una breve descripción del contenido de tu web, debe contener un máximo de 155 caracteres incluyendo los espacios, esta es la descripción que se verá en la página de resultados del buscador.
• link rel="canonical": Los URLs que contiene internamente la página, es de gran importancia para los buscadores.

Otros elementos que conforman el encabezado:

• meta name="Robots": Esta etiqueta le indica a los buscadores que deben indexar la página.
• link rel="shortcut icon": es un enlace al favicon del sitio web, pequeño icono que se muestra en la barra de título del navegador.
• link: Hoja de estilo CSS externa.
• style: Hoja de estilo CSS interna.
• script: Es utilizado para enlazar enlaces escrip externos en formato Java Scrip.

Elementos internos necesarios para el contenido

• br: Esta etiqueta se utiliza para los saltos de línea dentro de un texto plano introducido directamente dentro del área BODY.
• p: Esta etiqueta se utiliza para ordenar el texto en párrafos.

Existen unos encabezados internos para organizar el texto por su nivel de importancia, estas son las etiquetas H1, H2, H3… H6 para conocerlas mas y saber su importancia en el SEO dale un ojo a este articulo.

Otros Elementos que conforman el lenguaje HTML

• Enlaces e Hipervínculos: Permiten navegar a otras páginas del mismo sitio, a páginas externas y también se puede hacer que de ahí abra nuevas ventanas a otra página.

• Formato y Estilo del texto: Permite colocar el texto como desees: en Negrita, Cursivo, Diferente Tamaño o Resaltarlo, así como también citar otros textos. .

• Etiqueta span: Permite darle un estilo único a una parte del texto sin encerrarlo en un bloque, el ejemplo muestra colocar en Azul una sola palabra.