Lenguajes para la visualización de información

1. Utilizando OSans.otf, fuente externa, deberá aparecer todo lo que no tenga un tipo de fuente concreta en esa “fuente”(si le gusta otra más puede descargarla)

[pic 1]

[pic 2]

1. Probar: fuentes externas(sin alojarla en el site)

[pic 3]

      href="https://fonts.googleapis.com/css?family=Tangerine">
    <style>
      body {
        font-family: 'Tangerine'

, serif;
        font-size: 48px;
      }

https://developers.google.com/fonts/docs/getting_started

1. Utilizando :Text Transformation ,text-align:valor, text-indent: valor

• Aplicar una sangría a todos los párrafos

[pic 4]

• Centrar todos los h1
• Un párrafo el que desee en mayúscula.

1. Insertar una imagen (de fondo en el ejercicio anterior: background-image ¿Qué ocurre?

[pic 5]

1. Insertar la imagen, pero cubriendo todo el fondo

[pic 6]

1. Imagen : ahora de logo

[pic 7]

1. Aproximadamente realizar:

[pic 8]

1. Crear mediante etiquetas HTML 5 y con div

[pic 9]

1. Div : aproximadante

[pic 10]

1. Ahora con las siguientes imágenes haz:

[pic 11][pic 12][pic 13]

[pic 14]

1. A partir del código HTML proporcionado, añadir las reglas CSS necesarias para que la página resultante tenga el mismo aspecto que el de la siguiente imagen:

1. Modelo de capas: (aproximadamente)

Meterlo dentro de una capa contenedora llamada wapper  wapper{width: 70%;} aplicar bordes :

[pic 17]

[pic 18]

1. Siguiendo la estructura de html 5 realizar el ejercicio anterior
2. Realizar un menu en horizontal:

[pic 19]

1. Realizar un menu EN VERTICAL

...