Recomendados
Más contenido relacionado
La actualidad más candente
La actualidad más candente (15)
Similar a Como crear paginas en html
Similar a Como crear paginas en html (20)
Último
Último (20)
Como crear paginas en html
- 1. COMO CREAR PAGINAS EN HTML Hussein Rahman
- 2. ¿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 el diseñador. Para el internauta una página WEB es una pantalla en su monitor que le muestra la información que va buscando y enlaces a otros sitios relacionados. Para el diseñador una página WEB es un documento construído para mostrar información en la pantalla de un monitor, que contiene además de la información una serie de instrucciones para indicar como se ha de mostrar esa información. Estas instrucciones se escriben siguiendo un lenguaje llamado HTML Como ves el diseñador define la página web como algo más completo y técnico que el simple internauta. La página web se concreta en un documento con un nombre terminado con la extensión .htm o .html. Una serie de páginas web interconectas e interrelacionadas de alguna forma (el mismo tema, el mismo objetivo...) forman un sitio web, que habitualmente está almacenado en un servidor.
- 3. Requisitos Para seguir el curso los requisitos son mínimos: un ordenador, un navegador y un editor de texto simple es suficiente. Pero te recomendaría, además, instalar un servidor de internet en tu ordenador. No te asustes, no es nada del otro mundo. Tanto si usas Windows como si te mueves en el mundo Linux te recomiendo el servidor Apache (si piensas trabajar con PHP te recomiendo la versión 1.xx, la 2 sigue siendo desaconsejable), es muy simple de instalar y de configurar. Con este servidor corriendo en tu equipo tendrás un sitio llamado localhost al 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 uno gráfico, pero trabajano en modo texto. Recuerda que la idea es conocer el lenguaje HTML, y los editores gráficos esconden el código. Míra estas herramientas que te pueden ser útiles, recuerda que de gratis también hay cosas buenas. En cuanto al navegador lo mejor es tener uno de cada, de esa manera podrás comprobar que todo lo que hagas funciona en ambos modelos, aunque hoy por hoy el rey es el Explorer de Microsoft.
- 4. El código mipagina.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>
- 5. La explicación <ETIQUETA parámetros> ... </ETIQUETA> Como ves una apertura 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 quiere decir que estamos ante un HTML: <HTML> ... </HTML> Dentro de ese documento vemos una parte llamada cabecera, que la reconocerás porque está limitada con la etiqueta <HEAD> </HEAD>. Él contenido de esta parte no siempre es visible, y si lo es nunca se muestra en la página en si. Contiene por ejemplo el título que se ve en la ventana del explorador, arriba a la izquierda. La cabecera queda por tanto : <HEAD> <TITLE>Mi página web</TITLE> </HEAD> Puede contener muchas otras cosas, pero eso lo dejamos para más adelante.
- 6. El cuerpo del documento La otra parte es el cuerpo o <BODY> </BODY>, es el contenido de 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 esto colocaremos el texto en formato <H1> (o cabecera 1) y centrado (align="center"), o sea, en tamaño grande y centrado en la página, una forma de resaltar la frase. Ahora separamos esa frase 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 delante y otro por detrás : <P>Esto tan sencillo es una verdadera página web, aunque le falta el contenido, pero todo llegará.</P> Para empezar no está mal, por supuesto existen muchas más etiquetas con misiones diferentes a la de mostrar texto, pero eso lo iremos viendo poquito a poco.
- 7. El documento HTML Estructura del documento La cabecera Meta Name Meta Http-Equiv El cuerpo
- 10. Cambiando tipo de letra
- 11. Estilos de texto
- 12. Otros elementos
- 13. El color Podemos cambiar el color de cualquier carácter mediant el uso del parámetro COLOR. La manera de especificarle el color es común a todas las etiquetas HTML: o bien indicando el nombre, si es un color normal, o bien especificando los componentes de rojo, verde y azul (código RGB) del mismo. Los colores reconocidos son los siguientes: