Principios de diseño web accesibles (página 3)

Partes: 1, 2, 3

Saltos de línes:
Comentarios: < !– — >
Línea horizontal:

Title: HTML 5.0: Etiquetas que dan formato al texto (III)
Other Placeholder: Etiquetas para listas desordenadas:

Ejemplo:

• Primera…
• Segunda…
• Tercera…

Etiqueta para listas ordenadas:

Ejemplo:

1. Primera…
2. Segunda…
3. Tercera…

Ejemplo de tabla desordenada:
Primera entrada del menú
Segunda entrada del menú
Tercera entrada del menú
Ejemplo de tabla ordenada:
Primera entrada del menú
Segunda entrada del menú
Tercera entrada del menú

Title: HTML 5.0: Etiquetas que dan formato al texto (IV)
Other Placeholder: Etiquetas para listas de descripción:
Ejemplo:

Café
Bebida negra caliente
Leche
Bebida blanca fría

Ejemplo de lista de descripción:
Café
Bebida negra caliente
Leche
Bebida blanca fría

Title: HTML 5.0: Etiquetas que dan formato al texto (V)
Other Placeholder: Tablas

Etiquetas de cada parte de las tablas:

Visitantes de rrrr.com por países
CAPTION
HEADER
BODY

Title: HTML 5.0: Etiquetas que dan formato al texto (VI)
Other Placeholder: Sintaxis de la Tabla
< table summary="Visitantes que ….">
Visitantes de rrrr.com por países

Mes
…
Estados Unidos

Enero
….
30

..

Title: HTML 5.0: Etiquetas que dan formato al texto (VII)
Other Placeholder: Enlaces:
Ejemplo:
Abrigo
Valores target más utilizados y accesibles:
_blank -> Abre la página en una nueva ventana o navegador
_self -> Abre la página en la misma ventana

Title: HTML 5.0: Etiquetas que dan formato al texto (VIII)
Other Placeholder: Otras etiquetas:
Imágenes:
Ejemplo:

Formularios:

Abreviaturas:

Etc….

Title: CSS
Other Placeholder: Tres formas distintas de emplearlo:
Introducido por el autor:
Directamente dentro del código HTML
Hoja incrustada dentro de la página HTML
Hoja almacenada en ubicación diferente de la página HTML.
Introducidos por el usuario que ve la página.
Estilos marcados por defecto por el agente de usuario.

Title: CSS: Ejemplos de uso
Other Placeholder: Sobre el texto:
Color:
body {color:blue;}h1 {color:#00ff00;}h2 {color:rgb(255,0,0);}
Alineamiento:
h1 {text-align:center;}p {text-align:right;}
Tipo de fuente:
p{font-family:"Times New Roman", Times, serif;}