Saltar la navegación

Etiquetas básicas

HTML es el lenguaje con el que se crean las Páginas Web. Para entender la estructura de un documento HTML (es decir, de una página Web) revisemos el siguiente ejemplo donde podremos revisar la estructura HTML y algunas de sus etiquetas básicas.

Empecemos!

<!DOCTYPE html>
<html>
	<head>
		<title>Esto es el tìtulo de la p&aacute;gina.</title>
	</head>
	<body>
		Hola mundo!<br>
		<b>Esto es negrita.</b><br>
		<i>Y esto it&aacute;lica.</i><br>
	</body>
</html>

Este código HTML corresponde a una página web común y corriente como la que tu ya conoces. A continuación te explico la estructura del documento:

  • DOCTYPE (línea 1) indica al navegador el tipo de documento. Para HTML se indica "html" 
  • El documento inicia con la etiqueta <html> (línea 2), la cual es la raíz del documento y que contendrá a todas las etiquetas del documento.
  • Dentro de la raíz del documento, tenemos dos partes: la cabecera y el cuerpo.
    • La cabecera está contenida en la etiqueta <head> (Línea 3-5). El contenido de esta sección no es visible al usuario. Las etiquetas dentro de esta sección proveen información que es utilizada por los motores de búsqueda.
    • El cuerpo está contenido en la etiqueta <body> (líneas 6 - 10). El contenido encerrado en la etiqueta body (es decir, otras etiquetas) es el que se mostrará en el navegador y será visible al usuario.
  • Recuerda que toda etiqueta tiene su apertura y cierre. El cierre se lo realiza con la barra invertida (<\>). Por ejemplo, para la etiqueta html, la apertura es <html> y el cierre es </html>.

Actividad: Mi primera página Web

  1. Copia el código del ejemplo en un fichero de texto.
  2. Guarda el fichero con el nombre mipagina.html.
  3. Abre el fichero creado haciendo doble clic sobre el fichero
  4. Visualiza la página.

Esta es tu primera página web!