PROGRAMAR CON HTML (1)
- ¿Qué es HTML?
Literalmente, significa HyperText Markup Language ( Lenguaje de Marcas de Hipertexto). En otras palabras, el HTML sirve para indicar cómo va ordenado el contenido en una página web. Esto, lo hace por medio de las marcas de hipertexto, que son unas etiquetas (tags, en inglés).
- ¿ Cómo funcionan estas etiquetas?
Para que sea más sencillo, usaré un ejemplo.
Puedes pensar en una página web como un informe. Este, consta de un título, una introducción, un desarrollo y la conclusión. Sin estas partes, un informe se vería caótico, y lo mismo pasa con una página web. Por tanto, cuando escribamos en HTML debemos ser ordenados y respetar la estructura (pues es la base de todo lo que queramos añadir).
Estas etiquetas, son lo que nos ayudará a estructurar nuestra página web y, de algún modo, indicar al navegador cómo debe verse la página.
- ¿Cómo deben escribirse las etiquetas?
Para que se pueda reconocer una etiqueta, hay que colocar el signo < antes de la palabra y el signo > después. <nombre de la etiqueta>
La etiqueta que acabáis de ver, es una etiqueta "normal". Sin embargo, cuando queremos indicar que una etiqueta ha finalizado, colocaremos un / antes del nombre de la etiqueta.
<inicio de la etiqueta>
</final de la etiqueta>
(Lo que se haya entre ambas etiquetas estará influenciada por ellas)
- Estructura de un código en HTML
Lo principal es que todo el documento HTML debe estar entre las etiquetas <HTML> y </HTML>.
El documento en sí está dividido en dos zonas principales:
El encabezamiento, comprendido entre las etiquetas <HEAD> y </HEAD>
El cuerpo, comprendido entre las etiquetas <BODY> y </BODY>
Dentro del encabezamiento se encuentra el título del documento, comprendido entre las etiquetas <TITLE> y </TITLE>.
Dentro del cuerpo está todo lo que queremos que aparezca en la pantalla principal (texto, imágenes, etc.)
Otras etiquetas interesantes son:
<P> (se usa para empezar un nuevo párrafo, no se cierra).
<H1> y </H1>, <H2> y </H2>, etc. (se usa para crear cabeceras. Los números, que llegan hasta el 6, indican el tamaño de la letra) .
<CENTER> y </CENTER> (se usa para centrar).
<HR> (se usa para colocar un separador, no se cierra)
- Ejemplo
En un procesador de texto (como WordPad) copiamos lo siguiente:
<HTML>
<HEAD>
<TITLE> YINDEX</TITLE>
</HEAD>
<BODY>
<H1> <CENTER> WEBIE </CENTER> </H1>
<HR>
Esta es mi primera página, aunque todavía es muy sencilla. Como el lenguaje HTML no es difícil, pronto estaré en condiciones de hacer cosas más interesantes. En un tiempo veréis como mejora.
<P> ¡HASTA PRONTO!
</BODY>
</HTML>
Siempre recuerda guardar este archivo con dos formatos. Txt y html. El primero, nos permitirá seguir escribiendo y modificando, y el segundo nos mostrará nuestra página web.
Esta es la primera entrada de una (esperemos que) larga serie en la que me veréis progresar en mis conocimientos de programación en HTML.
¡HASTA LA PRÓXIMA CLASE!
Comentarios
Publicar un comentario