ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba.

Presentación del tema: "ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba."— Transcripción de la presentación:

1 ANDRES MAURICIO QUINTERO MACEA Programación Web Lic. Informática y medios audiovisuales Facultad de educación y ciencias humanas Universidad de Córdoba

2 Son códigos transparentes para el usuario, que son interpretados por el programa del navegador, y que controlan la manera como la información es mostrada en la pantalla. Las palabras encerradas entre los símbolos menor y mayor que ( ) son las etiquetas de HTML.

3 Todo archivo HTML comienza siempre con la etiqueta y finaliza con la etiqueta. La estructura de una pagina está compuesta básicamente por dos secciones: el encabezado (header) y el cuerpo (body), delimitados por las etiquetas:, y,.

4 El uso adecuado de la etiqueta, que por supuesto tiene atributos, permite entre otras cosas cambiar o establecer el color del texto, un color o una imagen de fondo y los colores de los enlaces que tendrá la página. Por ejemplo:

5 Permiten cambiar los atributos y la manera como el texto se verá dentro de la página. Se puede afectar todo un párrafo, una línea, una palabra o caracteres individuales simplemente encerrándolos dentro de las etiquetas apropiadas. Algunos atributos de texto pueden ser controlados por diferentes etiquetas.

6 Es conocida como etiqueta de encabezado (heading), es utilizada con frecuencia para escribir títulos y subtítulos, dado que permite mostrar el texto en negrillas con seis tamaños diferentes, dependiendo del valor asignado al atributo “X”.

7 Encabezados Este texto tiene el tamaño que le da la etiqueta H1 Este texto tiene el tamaño que le da la etiqueta H2 Este texto tiene el tamaño que le da la etiqueta H3 Este texto tiene el tamaño que le da la etiqueta H4 Este texto tiene el tamaño que le da la etiqueta H5 Este texto tiene el tamaño que le da la etiqueta H6

8 Se mostrará de la siguiente manera:

9 Esta etiqueta permite controlar tres atributos del texto que se encuentre encerrado entre ellas, su tamaño (SIZE), su color (COLOR) y el tipo de fuente (FACE). La sintaxis completa de la etiqueta FONT es la siguiente:

10

11 Por ejemplo, se propone escribir las siguientes líneas dentro del cuerpo de una página: TEXTO

12

13 HTML solo reconoce un espacio entre palabras, aunque se hayan escrito dos o más. Tampoco reconocerá tabuladores y saltos de línea. Si se quiere que el texto se vea tal y como fue escrito, este debe encerrarse dentro de las etiquetas Este texto tiene varios espacios Y un salto de línea

14

15 La etiqueta permite forzar un salto de línea dentro de un texto. Observe que esta etiqueta no se cierra con, razón por la que se conoce como etiqueta abierta. es otra etiqueta que puede utilizarse abierta o cerrada. Si se usa de la primera forma, iniciará un nuevo párrafo dejando una línea en blanco, si por el contrario se cierra con permite alinear el párrafo a la derecha, izquierda, etc, dependiendo del valor asignado al parámetro ALIGN.

16 EJEMPLORESULTADO Texto con Salto de línea Texto con Salto de línea En este ejemplo iniciaremos aquí un nuevo párrafo En este ejemplo iniciaremos aquí Un nuevo párrafo alineado a la derecha Alineado a la derecha alineado a la izquierda Alineado a la izquierda alineado al centro Alineado al centro

17 Esta etiqueta es abierta, y dibuja una línea horizontal con alineación, tamaño y ancho variables. Se utiliza con frecuencia para separar secciones de contenido.

18 Línea de tamaño 10 puntos y ocupando el 30% de la página Línea alineada a la izquierda de tamaño 5 puntos y ocupando la mitad de la página Línea alineada a la derecha de tamaño 20 puntos y ocupando la mitad de la página Línea sencilla que ocupará el 90% de la página

19 EJEMPLOEFECTORESULTADO TEXTO Texto centradotexto Texto en negrillastexto Texto en itálicatexto Texto subrayadotexto Texto texto Texto en superíndicestexto Texto texto Texto en subíndicestexto texto Texto tachadotexto

20 Las pagina web además de mostrar texto son capaces de desplegar imágenes que han de ser creadas en cualquiera de los formatos: JPG – PNG - GIF. Una imagen con extensión BMP – CDI – PCX o cualquier otro formato diferente no será exhibida en el explorador.

21 Para insertar imágenes lo único que se necesita conocer es la ruta y nombre del archivo que lo contiene. La etiqueta junto con su atributo SRC=“ruta y/o nombre del archivo” permite mostrar una imagen:

22 Para facilitar la navegación de una página cuando su contenido es demasiado largo y al desplegarla ocupa mas de una pantalla, se pueden colocar enlaces que lleven al usuario a sitios específicos o predeterminados de la misma.

23 Para esto se debe utilizar dos atributos de la etiqueta : texto de marca texto de enlace

24