Cómo construir un sitio web con HTML

Introducción

Si estás interesado en aprender cómo construir y diseñar sitios web, el Lenguaje de Marcado de Hipertexto (HTML) es un excelente lugar para comenzar. Esta serie de tutoriales basados en proyectos te introducirá al HTML y sus métodos mediante la construcción de un sitio web personal utilizando nuestro sitio de demostración (abajo) como modelo. Una vez que aprendas los conceptos básicos, sabrás cómo cambiar el diseño del sitio web y agregar contenido personalizado. No es necesario tener experiencia previa en codificación para seguir los tutoriales de esta serie.

HTML es el lenguaje de marcado estándar utilizado para mostrar documentos en un navegador web. Desarrollado por primera vez por Tim Berners Lee en 1990 mientras trabajaba en la Organización Europea para la Investigación Nuclear (CERN), HTML fue una de las tecnologías innovadoras clave utilizadas para publicar el primer sitio web del mundo el 6 de agosto de 1991. Gracias a un proyecto de restauración realizado por el CERN, ahora puedes volver a visitar el sitio web original. Desde entonces, HTML ha sido actualizado y ampliado significativamente, pero su propósito básico de formatear y estructurar páginas web sigue siendo el mismo.

Hoy en día, HTML es una de las muchas herramientas utilizadas para construir la web. Saber cómo escribir HTML proporcionará una base sólida para tu carrera como diseñador web y te preparará para aprender habilidades adicionales de desarrollo web front-end como CSS y JavaScript.

En esta serie de tutoriales, aprenderás cómo crear y personalizar un sitio web utilizando etiquetas HTML comunes y técnicas. Después de completar este tutorial, tendrás un sitio listo para implementar en la nube.

Prerrequisitos

• A code editor like Visual Studio Code or Atom. For this tutorial series, we will be using Visual Studio Code as our default code editor but you may use any code editor you like. Certain instructions may need to be slightly modified if you use a different editor.
• A web browser like Firefox or Chrome. We will be using Firefox as our default browser but you may use any browser you like. Certain instructions may need to be slightly modified if you use a different web browser.
• Dos fotos de perfil diferentes, imágenes o avatares para personalizar tu sitio (opcional).

Una vez que tengas tus prerrequisitos listos, estarás preparado para configurar tu proyecto HTML en el próximo tutorial.