HTML III


Vamos a intentar avanzar un poquito más. La primera línea es una advertencia, al parecer, para que se tome este programa como HTML5, es decir, la última actualización. La etiqueta "meta" pretende que los signos y caracteres correspondan al estándar español, pero me temo que no debe hacer nada. Tampoco sabemos en el código ISO si se trata de una l o de un 1, cosa harto frecuente en estos asuntos. Lo hicieron con la o y el 0, pero, como podemos ver, sigue la ambigüedad con otros signos. Pero parece que es un 1 (uno). Después vienen una serie de tipos de letras para cabeceras: <h1> corresponde al más grande y <h6> al más pequeño. Todas esas etiquetas se deben cerrar como es lógico. Estas etiquetas se usan para cabeceras, como hemos dicho; de ahí lo de la 'h', de head. Para el tipo de letra, tamaño, márgenes, ajuste, etc., del texto propiamente dicho hay una serie de atributos de la directiva <p>, que ya veremos, si Dios nos da salud y ganas. Están también las "Hojas de estilo", fuertemente "recomendadas", que solucionan todos esos detalles. Otra novedad es la forma de poner fotografías.  Es mediante el tag < img>. scr sirve para indicar la fuente, es decir, el lugar donde se encuentra la foto. Aquí he puesto una tomada de mi ordenador, por eso no se verá nada. Se puede escoger cualquier fotografía y colocarla en la misma carpeta en que esté el programa html. Así no hay complicaciones con las rutas. También se puede tomar de internet. Resulta incluso más fácil, pues basta copiar la URL, o mejor, bajarla y colocarla en nuestra carpeta. Cuando mandemos el programa a un servidor irán también las fotografías.

<!DOCTYPE html>
<html>
<head>
<title>
Distintos tamaños
</title>
<meta charset="ISO-8859-1" />
</head>
<body>
<h1>El arte gótico</h1>
<h2>La arquitectura</h2>
<h3>La manifestación más sobresaliente del arte gótico es la arquitectura caracterizada por el empleo del arco ojival.</h3>
<h4>Ejemplos de construcciones góticas en España son la catedral de León y la de Burgos.</h4>
<h5>La catedral de León se caracteriza especialmente por sus vidrieras.</h5>
<h6>Probablemente la catedral de Burgos sea la más espléndida de todo nuestro arte gótico.</h6>
<p>Para saltar a una página en la Web:</p>
<a href="http://es.wikipedia.org/wiki/Arte_g%C3%B3tico">El gótico</a>
<br/>
<hr/>
<p>Abajo vemos una fotografía de la catedral de Palma:</p>
<img src="catedralpalma2.jpg"
</body>
</html>

Seguimos teniendo en cuenta que las vocales acentuadas hay que ponerlas como &aacute, &eacute, etc. terminando con un punto y coma. Si no, salen signos raros. Si simplemente lo copiamos y pegamos, tendremos que corregir eso.