Descargar para leer sin conexión
Subido porUniversidad Central del Ecuador
Manual html basico GUTIECUADOR
El HTML describe el aspecto visual de una página mediante etiquetas que indican la posición y formato de los elementos. Cada página HTML está compuesta de una cabecera y un cuerpo entre etiquetas específicas. Dentro del cuerpo se incluyen párrafos de texto y otros elementos como imágenes mediante etiquetas adicionales.
Más contenido relacionado
Similar a Manual html basico GUTIECUADOR
Manual html basico GUTIECUADOR
- 4. El HTML describeel aspecto visual que debe tener una página mediante la utilización de etiquetas (tags). Las etiquetas le indicarán al navegador la posición relativa de los elementos de la página, su tamaño, las tipografías y colores a utilizar, etc. Las etiquetas pueden especificar, por ejemplo, que cierta palabra aparezca en negrita. Pero si queremos que cierta palabra aparezca de color rojo, necesitamos suministrar un parámetro: el color. La mayoría de las etiquetas tienen parámetros para indicar múltiples aspectos del formato, como el color, el tamaño, etc.
- 5. Toda página HTMLdebe comenzar por la etiqueta <html> y terminar con </html>. Todo lo que figure entre estas etiquetas será interpretado por el navegador como un documento HTML. Lo que quede fuera de ellas será, en la mayoría de los casos, ignorado. El documento HTML se divide siempre en dos partes: cabecera y cuerpo. La Cabecera.- La cabecera figura entre las etiquetas <head> y </head>. En ella se especifica el título, el autor, y otras características del documento que no se muestran físicamente en la página y que sirven para facilitar su indexación. Cuerpo.- El cuerpo es la parte del documento que se circunscribe entre las etiquetas <body> y </body>. En esta parte se incluye la página propiamente dicha. Teniendo esto en cuenta podemos construir ya nuestra primera página HTML con los elementos mínimos necesarios para que sea interpretada correctamente por un navegador:
- 6. Toda página HTMLestá compuesta, principalmente, por párrafos de texto combinados con otros elementos, como pueden ser imágenes, tablas o formularios. La inserción de párrafos ser realiza mediante la utilización de la étiqueta <p> y su correspondiente cierre, </p>. Podemos modificar la justificación del texto mediante el parámetro align, que puede tomar los valores left (alineación izquierda), center (alineación centrada) y right (alineación derecha). Si se desea dejar poco espacion entre párrafos se pueden insertar saltos de línea mediante la etiqueta <br>. A diferencia del tag <p> ... </p>, esta etiqueta no tiene cierre.
- 7. Para elegir eltipo de letra que desea utilizar en un párrafo, basta con incluirlo entre <font face="tipo-letra"> ... </font>. Por ejemplo, si queremos escribir ¡Hola! con letra Century Gothic utilizamos el siguiente código: Si queremos cambiar el color, emplearemos <font color="color"> ... </font>, donde color es un número que indica el color. Este número está codificado en hexadecimal, y utiliza 256 bits para cada uno de los colores primarios (rojo, verde y azul). En hexadecimal con dos caracteres (de 0 a 9 y de la A a la F) se representan valores de 256 bits. Así, el color blanco se expresa como #FFFFFF y el negro como #000000. Finalmente, si lo que queremos es modificar el tamaño, le etiqueta a usar es <font size="tamaño"> ... </font>, donde tamaño es un número que puede indicar el tamaño absoluto (con rango de 1 a 7) o el relativo.
- 8. Una forma comúnde expresar una relación de datos es en forma de listas. Las listas en HTML pueden ser de dos tipos: desordenadas y ordenadas. Las listas desordenadas vienen entre las etiquetas <UL> y </UL> (unordened lists). Cada elemento deberá estar precedido por las etiquetas <LI> y </LI> (list item). El ejemplo anterior de listas desordenadas se escribiría así: Por otro lado, las listas ordenadas (ordened lists) se construyen de la misma forma, si bien en lugar de las etiquetas <UL> y </UL> deberemos escribir <OL> y </OL>.
- 9. En este ejemploindicamos que el fondo de nuestra página sea la imagen fondo.jpg. Esta imagen debe existir en la misma carpeta que contenga la página HTML. Si queremos ordenar los archivos en diferentes carpetas, podemos indicar dónde se encuentra nuestra imagen. La imagen aparecerá en el lugar donde se encuentre la etiqueta. Mediante el uso de otros parámetros podemos especificar la alineación del texto alrededor de la imagen, el tamaño de la misma y otras características. Vamos a ver los más utilizados: align: permite especificar la alineación de la imagen y del texto alrededor de la imagen. Puede tomar los valores left, right,top, texttop, middle, absmiddle, baseline.
- 10. Añadir una músicade fondo a una página tiene pros y contras, si el sonido es apropiado al contenido de la página, puede hacerla más atractiva en contrapartida la descarga del archivo de sonido supone una carga que puede ralentizar la visualización de la página, la etiqueta a utilizarce es: <bgsoung> a la que se le debe acompañar con el src del archivo a reproducir. Flash (. Swf) y MOV (. Mov) los tipos de archivos también son compatibles con el tag <embed>. . Swf - Tipos de Macromedia Flash File - compresión muy alta, ideal para la web!. . Wmv - Ventana de Microsoft Medios de tipos de archivos de vídeo - de buena calidad, la compresión variable. . Mov - Apple Quick Time Movie formato - buena calidad, la compresión variable. . Mpeg - el estándar aceptado para los archivos de vídeo web creadas por el Grupo de Expertos de Imágenes en movimiento - buena calidad, la compresión variable.