Antes de comenzar con el curso, es importante recalcar que HTML no es un lenguaje de programación, sino de marcado. En otras palabras, HTML sirve para para crear páginas web y podemos trabajarlo junto con otros lenguajes de programación para desarrollar sitios web mucho más dinámicos e intuitivos.
Recomendación de herramienta para este curso
Existen diversos editores de texto que nos ayudan a trabajar con HTML, sin embargo, para este
curso estaremos trabajando con Visual Studio Code.
Visual Studio Code es un editor de código fuente desarrollado por Microsoft.
Es una herramienta muy popular entre los desarrolladores ya que nos permite escribir y
editar código en una amplia variedad de lenguajes de programación, como JavaScript, Python,
C++, Java, y muchos más. También tiene extensiones que nos añaden nuevas funcionalidades a la
hora de codificar.
Estructura base
La estructura de HTML está compuesta por etiquetas cuyo inicio esta constituido por el símbolo '<' y al final de la etiqueta nos encontramos con '>'. Una vez dicho esto, comenzaremos explicando las etiquetas que nos permiten crear páginas web.
- <!DOCTYPE html>:se utiliza para indicar la versión HTML 5.0
- <html></html>:es el elemento raíz ya que en él contendrá el resto de las etiquetas de atributos de la página web.
- <head></head>: es la etiqueta principal donde se describen referencias de la página, por ejemplo, título de la misma o la hoja de estilos que usaremos.
- <body></body>: es la etiqueta que nos ayudara a desarrollar todo el cuerpo de la página web, es decir, colocaremos textos, imágenes, etc.
Comienza con tu primera página web
¡Esta es la estructura básica para que crees tu primera página web!
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Mi Primera Página Web</title>
</head>
<body>
<h1>Mi Primera Página Web</h1>
<p>¡Hola, mundo!</p>
</body>
</html>
para alumnos de UPIICSA