Hussein Rahman
COMO CREAR PAGINAS EN
HTML
¿Qué es una página web? Pues eso de entrada podemos preguntarnos qué es una página
web. Habrían dos respuestas: para el internauta y para eldiseñador.
Para el internauta una página WEB es una pantalla en sumonitor que le muestra la información que va buscando yenlaces a otros sitios relacionados.
Para el diseñador una página WEB es un documentoconstruído para mostrar información en la pantalla de unmonitor, que contiene además de la información una serie deinstrucciones para indicar como se ha de mostrar esainformación. Estas instrucciones se escriben siguiendo unlenguaje llamado HTML
Como ves el diseñador define la página web como algo máscompleto y técnico que el simple internauta. La página web seconcreta en un documento con un nombre terminado con laextensión .htm o .html.
Una serie de páginas web interconectas e interrelacionadas dealguna forma (el mismo tema, el mismo objetivo...) forman unsitio web, que habitualmente está almacenado en un servidor.
Requisitos Para seguir el curso los requisitos son mínimos: un ordenador, un
navegador y un editor de texto simple es suficiente. Pero terecomendaría, además, instalar un servidor de internet en tu ordenador.No te asustes, no es nada del otro mundo. Tanto si usas Windows comosi te mueves en el mundo Linux te recomiendo el servidor Apache (sipiensas trabajar con PHP te recomiendo la versión 1.xx, la 2 siguesiendo desaconsejable), es muy simple de instalar y de configurar. Coneste servidor corriendo en tu equipo tendrás un sitio llamado localhostal que podrás acceder como si se tratara de un servidor de internet:http://localhost/, pero solo es visible en tu ordenador.
En cuanto al editor de páginas web utiliza un editor tipo texto, o unográfico, pero trabajano en modo texto. Recuerda que la idea es conocerel lenguaje HTML, y los editores gráficos esconden el código. Míraestas herramientas que te pueden ser útiles, recuerda que de gratistambién hay cosas buenas.
En cuanto al navegador lo mejor es tener uno de cada, de esa manerapodrás comprobar que todo lo que hagas funciona en ambos modelos,aunque hoy por hoy el rey es el Explorer de Microsoft.
El códigomipagina.htm
<HTML><HEAD><TITLE>Mi primera pagina web </TITLE></HEAD><BODY><H1 align="center" >Mi Primera pagina web </H1><HR><P>Esto tan sencillo es una verdadera página web, aunque le falta el contenido, pero todo llegará.</P> </BODY></HTML>
La explicación<ETIQUETA parámetros> ... </ETIQUETA> Como ves unaapertura y un cierre. Algunaas etiquetas (como <BR>cambio de línea o <HR> linea horizontal) no llevan cierre.Fijaros que lo primero que tenemos es la etiqueta <HTML>cerrda al final del documento con </HTML>, eso quieredecir que estamos ante un HTML:
<HTML> ... </HTML> Dentro de ese documento vemosuna parte llamada cabecera, que la reconocerás porqueestá limitada con la etiqueta <HEAD> </HEAD>. Élcontenido de esta parte no siempre es visible, y si lo esnunca se muestra en la página en si. Contiene por ejemploel título que se ve en la ventana del explorador, arriba a laizquierda. La cabecera queda por tanto :
<HEAD> <TITLE>Mi página web</TITLE> </HEAD>Puede contener muchas otras cosas, pero eso lo dejamospara más adelante.
El cuerpo del documentoLa otra parte es el cuerpo o <BODY> </BODY>, es el contenidode la página web. Tiene una etiqueta con cierre:
<BODY> ... </BODY> Y ahora el contenido:
<H1 align="center"> Mi primera página web</H1> Con estocolocaremos el texto en formato <H1> (o cabecera 1) y centrado(align="center"), o sea, en tamaño grande y centrado en lapágina, una forma de resaltar la frase. Ahora separamos esafrase por medio de una línea horizontal:
<HR> Como ves este es un ejemplo de etiqueta sin cierre. Y porúltimo colocamos un texto escplicativo en un párrafo(<P></P>), o sea, un bloque de texto con un espacio por delantey otro por detrás :
<P>Esto tan sencillo es una verdadera página web, aunquele falta el contenido, pero todo llegará.</P> Para empezar noestá mal, por supuesto existen muchas más etiquetas conmisiones diferentes a la de mostrar texto, pero eso lo iremosviendo poquito a poco.
El documento HTML
Estructura del documento
La cabecera
Meta Name
Meta Http-Equiv
El cuerpo
Estilos de párrafo
Los encabezados
Cambiando tipo de letra
Estilos de texto
Otros elementos
El color Podemos cambiar el color de cualquier carácter
mediant el uso del parámetro COLOR. Lamanera de especificarle el color es común atodas las etiquetas HTML: o bien indicando elnombre, si es un color normal, o bienespecificando los componentes de rojo, verde yazul (código RGB) del mismo. Los coloresreconocidos son los siguientes: