***Solución HTML y CSS***

FONDO

Propiedades Descripción
background-color Aplicar color de fondo a diferentes elementos.
background-image Utilizar una imagen como fondo.
background-repeat La imagen de fondo se repite.
background-attachment Dejar fija la imagen de fondo.
background-position Ubicar una imagen en un lugar
determinado.

TEXTOS

Propiedades Descripción
text-indent Como dejar sangría en un texto
text-align centrar un texto
text-decoration Definir un texto tachado o subrayado.
Text-transform Convertir un texto a minúscula o mayúscula
Letter-spacing Controlar el espacio entre letras
Word-spacing Controlar el espacio entre palabras
White-space Definir la ubicación del salto de línea
Color Colorear el texto a su gusto
Direction Definir el sentido de la escritura.

FUENTES

Propiedades Descripción
Font-family Definir un tipo de fuente
Font-style Escribir en itálica
Font-variant Variar la fuente a mayúsculas más pequeña
Font-weight Como darle intensidad a la fuente
Font-size Definir el tamaño de la fuente.

BORDES

Propiedades Descripción
border-width Establecer el ancho del borde del elemento.
border-color Colorear el borde.
border-style Uso de bordes ocultos.
Uso de bordes punteados.
 Uso de bordes a rayas.
Uso de bordes sólidos.
Uso de bordes dobles.
Uso de bordes sombreados.
Uso de bordes en relieve.
Uso de bordes en recuadro.
Uso de bordes resaltados.

¿Para qué sirve la etiqueta <meta charset=”UTF-8”>?

R/= sirve para codificar el código.

***ETIQUETAS***

Para que se usan? para dar formato a las diferentes partes de una página web.

PARA QUE SE USAN LOS “margin” Y EL “width”

MARGIN: El margin es la distancia de separación que se va a dejar entre el borde y la

parte parte exterior del elemento. Por eso se usa para separar unos párrafos de otros.

WIDTH: establece la anchura de los elementos.

RELACION DORADA O NUMERO AUREO: El número áureo es el valor numérico de la

proporción que guardan entre sí dos segmentos de una recta.

DIRECTRICES DE DISEÑO Y CONTENIDO

 Crea un sitio que tenga una jerarquía clara y enlaces de texto. Debe existir como
mínimo un enlace de texto estático para cada página.
 Una página debe contener un número razonable de enlaces.
 Ofrece a los usuarios un mapa del sitio con enlaces que conduzcan a las secciones
importantes del mismo.
 Piensa en las palabras que podrían introducir los usuarios para localizar tus páginas
y asegurarte de que estas palabras estén incluidas en el sitio.
 Busca los enlaces dañados y corrige el código.
R/= 15…

WEBKIT: Es una plataforma para aplicaciones que funciona como base para el navegador
web Safari, Google Chrome, Epiphany, Maxthon, Midori, Qupzilla entre otros.

MOZ: es un navegador.

¿QUE ES EM?

Pone énfasis en el contenido.

***GLOSARIO***
Html5: es la instrucción para que salga la estructura básica de HTML.

Html-lang: para dar el idioma de la página que se está realizando.

Li: listado de líneas.

Footer: pie de página.

Em: pone énfasis al contenido.

Meta charset: para la codificación.