Resolucion de Problemas en Educacion Inicial 5 años ED-2024 Ccesa007.pdf
Manual html basico GUTIECUADOR
1.
2.
3.
4. El HTML describe el 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 HTML debe 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 HTML está 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 el tipo 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ún de 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 ejemplo indicamos 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úsica de 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.