Introducción a HTML

Cuando hablamos de HTML nos estamos refiriendo a un sistema de etiquetas que permite identificar diferentes elementos y asociarles propiedades o funcionalidades
Tabla de contenidos

Cuando hablamos de HTML nos estamos refiriendo a un sistema de etiquetas que permite identificar diferentes elementos y asociarles propiedades o funcionalidades. En HTML estas etiquetas sirven para identificar diferentes elementos y definir contenidos como el título, la cabecera, si un texto es un párrafo o un encabezado, etc. De manera independiente a estar etiquetas un archivo HTML, y por consiguiente cualquier archivo CSS y Javascript no dejan de ser archivos de texto.

Mediante un archivo de texto podemos crear un documento HTML y visualizar su contenido, este conjunto de etiquetas puede enriquecer nuestro contenido web para darle funcionalidades o estilos.

La etiqueta de apertura y cierre de html es la siguiente: <html>, </html>. Y para transformar el documento html podemos incluir secciones como la cabecera: <head>, </head>, donde incorporaríamos los enlaces a las hojas de estilo CSS, el título, etc. Otra sección importante es el cuerpo: <body>, </body>, aquí incluiremos el contenido de la página web como las imágenes y párrafos. Y mediante etiquetas de título como por ejemplo <h1>, </h1> le podemos dar diferentes estilos. Siempre hay que poner una etiqueta de apertura <h1>, y otra de cierre </h1>.

Para evitar tener problemas con los acentos pondremos la siguiente etiqueta <meta http-equiv=”Content-Type” content=“text/html; charset=utf-8”>, esto es debido a que con el inglés no existe el problema de los acentos.

 En definitiva, HTML no deja de ser un archivo de texto con etiquetas. Ahora solo es cuestión de tiempo el aprender todas las reglas de sintaxis y los elementos disponibles para usar como HTML. Y mediante el lenguaje CSS podremos modificar el aspecto de los diferentes elementos que incorporemos en nuestros documentos.

Algunas páginas web con recursos útiles para introducirnos en el lenguaje html, y la creación de páginas web son:

  • librosweb.es tiene muchisima información con ejemplos sencillos de seguir
  • codecademy.com aquí podemos realizar ejercicios prácticos para aprender html
  • w3c donde encontraremos una guía de referencia con todo lo que necesitamos saber sobre html.

¿Tienes alguna pregunta?

Otras entradas que pueden interesarte

Posicionamiento web

YMYL: qué es y por qué importa en tu estrategia SEO

YMYL (Your Money or Your Life) es un concepto esencial en SEO que afecta directamente la vida de los usuarios. Aprende cómo aplicarlo y asegurar ...
Leer más
Posicionamiento web

Geolocalización de Imágenes: Optimiza tu SEO Local

La geolocalización de imágenes es una técnica esencial para cualquier estrategia de SEO local. Al asociar imágenes con una ubicación geográfica específica, puedes mejorar significativamente ...
Leer más