El color El tamaño del texto Tipo de letra Listas.

Presentación del tema: "El color El tamaño del texto Tipo de letra Listas."— Transcripción de la presentación:

1

2 El color

3 El tamaño del texto

4 Tipo de letra

5 Listas

6 Lista desordenada

7 Lista ordenada

8 Lista de definiciones

9 IMAGENES Una página web sin alguna imagen es como el mar sin sal. Para incluir gráficos e imágenes en nuestras páginas utilizaremos la etiqueta El parámetro SRC especifica la URL del fichero que contiene el gráfico. Los formatos estándar en la red son el GIF, PNG y JPG El parámetro ALT especifica el texto que se mostrará. Los atributos WIDTH y HEIGHT indican el ancho y alto del gráfico en pixels. Su uso no es obligatorio pero si muy aconsejable para mejorar el tiempo de carga de la iamgen: el navegador sabe el espacio que ocupará. Por último vemos el atributo BORDER que como podrás adivinar tan solo coloca el ancho del borde que rodea la imagen.

10 IMAGENES DE FONDO Para poder insertar una imagen de fondo, a la etiqueta body se le debe de colocar el atributo background. Ejemplo: NOTA: Si la imagen no es lo suficientemente grande, esta se repetirá hasta rellenar toda la pagina.

11 Imágenes y enlaces En este caso el navegador destaca la imagen colocandole un borde del color que use para señalar los enlaces de texto. Algo bastante lógico pero que en la mayoría de los casos queda poco estético, afortunadamente podemos eliminar ese borde poniendo a 0 el atributo BORDER. Se ve así:

12 ENLACES Para agregar un enlace: EL TEXTO DEL VINCULO Para un link pueden ser: ◦Dirigiendote a una pagina dentro de tu pagina. ◦Dirigiendote a una imagen ◦Dirigiendote a una pagina externa.

13 Ejemplo: ◦ IR AL BUSCADOR Te lleve a una página externa de tu página.HTTP://WWW.GOOGLE.COM ◦ Te coloca una imagen para que sea el vínculo.http://WWW.GOOGLE.COM

14 Tablas

15 Ejemplo de tabla 1 2 3 4 5 6

16 Encabezado 1 Encabezado 2 Encabezado 3 Este texto está alineado al centro verticalmente y a la izquierda horizontalmente

17

18 Titulares