Códigos HTML para páginas web
Bienvenido a este curso de HTML básico. Vamos a presentar los códigos HTML más usados para la creación de páginas web. Estos códigos se utilizan tanto para hacer páginas web usando puro código como para dar contenido y estilo en wordpress.
HTML Lenguaje de Marcas de Hipertexto, del inglés HyperText Markup Language o lenguaje de etiquetas de hipertexto. El HTML es el lenguaje utilizado esencialmente para crear la estructura de una página web.
Otros lenguajes que acompañan a HTML en la creación de páginas web son CSS, que se encarga del diseño, es decir, de darle una apariencia más vistosa a la web y JavaScript que es otra tecnología que dota de funcionalidades extra al site.
El concepto «Hipertexto» hace referencia a la forma en que las diferentes páginas de una web se enlazan entre sí o enlazan a otros sites que se encuentran en la World Wide Web.
¿Quién creo el lenguaje HTML y en que año?
La historia del lenguaje HTML se creo en el año 1980. Tim Berners-Lee propuso un sistema para compartir documentos a través de enlaces.
Algunos años antes se había desarrollado el sistema de «hipertexto» para permitir a otros usuarios acceder a informaciones con las que estaban trabajando otras personas en formato electrónico.
Tim Berners-Lee junto con el ingeniero Robert Cailliau depuraron el código que dio origen a la W3.
El primer documento HTML data de 1991 y se titulo «HTML Tags«
En 1995 el organismo IETF se estableció HTML 2.0 como estándar oficial del lenguaje HTML.
Estructura básica del HTML
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
</body>
</html>
La declaración <!DOCTYPE html> no se considera una etiqueta sino declaración. Esta declaración sirve para informar al navegador sobre la versión de HTML que fue escrito el código.
El inicio de un documento HTML siempre empieza con <html> y se cierra con </html>
La cabecera o head también es una etiqueta que se abre y se cierra. Lo que escribamos dentro de esta etiqueta no se verá imprimido en el navegador. Así pues, en el Head escribiremos un meta chaset UTF=8 para indicar al navegador la codificación de caracteres utilizada, es decir para que escriba las ñ, acentos…
También colocaremos la etiqueta title abierta y cerrada para indicar el título de la web. Este si aparecerá en las pestañas del navegador
El apartado <body></body> será donde se escriba toda la información que se visualizará en la página web, es decir entre estas etiquetas colocaremos el texto, las imágenes, formularios, listados…