Diseño web

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. 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.