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

Calidad sobre cantidad: cómo ganar en SEO y satisfacer a tu audiencia

El debate entre calidad y cantidad es constante. Al abordar el SEO (Search Engine Optimization), esta discusión toma un papel ...
Leer más
domicilio-card (1)
Publicidad Online

Estrategia de máximo rendimiento en Google Ads, ¿en qué consiste?

La estrategia de máximo rendimiento en Google Ads se ha convertido en un punto clave para destacar en el panorama online de muchas empresas.
Leer más
Diseño gráfico

Logos que generaron controversia y su repercusión

El diseño del logo es crucial para definir la identidad de marca, sin embargo, no todos los logos terminan siendo ...
Leer más