El lenguaje HTML
El lenguaje HTML es el lenguaje usado para definir el formato de las páginas web.
HTML no es un lenguaje de programación como tal ya que no define una serie de pasos a seguir para resolver un problema como se hace en un lenguaje de programación tradicional.
Para que os hagáis una idea, cuando se diseña un periódico o revista se maqueta y se define una estructura dentro de las páginas, añadiendo texto, imágenes.. con distintos tipos de letra y colores.
Pues HTML se usa precisamente para eso, para definir el contenido de la página , que párrafos hay, que se pone en la cabecera o en el pie de página, el texto de cada párrafo, las imágenes…
En HTML no se va a definir la estética de la página, colores, fuentes, tamaño de las columnas de texto, etc.
La estética de la página se define en un lenguaje llamado CSS, en el que se le puede indicar que atributos (colores, fuentes, tamaños..) tiene cada elemento de la página web.
Tomando el ejemplo de la clase anterior veremos que hay distintas palabras entre < y >
Esas palabras son los TAGS en HTML o palabras claves que nos permiten definir el formato de la página.
Cualquier tag debe ponerse entre <> y acabar con </>
Tag <html>
Nos indica en inicio y final de la definición de la página web
Tag <head>
Es la cabecera del documento.
Este término es confuso porque lo que hay en el head no se visualiza en la página web y solo se usa para definir propiedades de la página.
Tag <body>
El cuerpo de la página web.
Lo que hay dentro de <body> es lo que se visualizará en la página web.
Veamos otro ejemplo
<html>
<head>
</head>
<body>
<p>Esto es un párrafo que puede ser largo o corto….</p>
<p>… esto es otro párrafo …</p>
</body>
</html>
Si lo copiamos en el fichero c:\cursoweb\parrafos.html y lo abrimos con el explorador web ..
Veremos que se muestran en pantalla dos párrafos de texto ..
Podéis ver el resultado en
Podéis probar de añadir más texto a los párrafos para ver qué efecto tiene.
En HTML un párrafo de texto debe incluirse en el tag <p>..</p>