|
|
Línea 30: |
Línea 30: |
| :Información acerca del propio documento (mediante metatags) | | :Información acerca del propio documento (mediante metatags) |
| | | |
− | </div>
| |
− | <div class="slide">
| |
− |
| |
− | ===Headings===
| |
− | *Hay seis niveles representados por las etiquetas h1, h2, h3, h4, h5 y h6.
| |
− | *Sin aplicar ninguna regla CSS se representan en “su propia linea”.
| |
− | *Por defecto están en negrita.
| |
− | *h1 se considera el más importante y es el más grande, luego h2, h3...
| |
− | *También los usan los buscadores. Las palabras clave tienen mucha más importancia en un h1 que en un h6.
| |
| </div> | | </div> |
| | | |
Línea 58: |
Línea 49: |
| </source> | | </source> |
| </div> | | </div> |
| + | |
| + | <div class="slide"> |
| + | |
| + | ===Headings=== |
| + | *Hay seis niveles representados por las etiquetas h1, h2, h3, h4, h5 y h6. |
| + | *Sin aplicar ninguna regla CSS se representan en “su propia linea”. |
| + | *Por defecto están en negrita. |
| + | *h1 se considera el más importante y es el más grande, luego h2, h3... |
| + | *También los usan los buscadores. Las palabras clave tienen mucha más importancia en un h1 que en un h6. |
| + | </div> |
| + | |
| </div> | | </div> |
Revisión de 12:54 24 sep 2012
UX
Usabilidad y accesibilidad.
Elementos básicos del lenguaje
Ejemplo de html
<!DOCTYPE html>
<html>
<body>
<h1>Mi primer encabezado de primer nivel</h1>
<p>Mi primer párrafo</p>
</body>
</html>
Etiquetas obligatorias del documento
- Todas las etiquetas deben ir en minúsculas.
- Se pueden anidar (como en XML).
<html> <head>* <title> y <body>
- Debe incluir el título. Puede incluir:
- JavaScript
- Links a stylesheets
- Información acerca del propio documento (mediante metatags)
Atributos y valores
Las etiquetas pueden tener atributos. Los atributos van en la etiqueta de inicio y son de la forma atributo=”valor”. ¡Siempre en minúsculas, por si acaso!
<html>
<head>
<title> Este es el titulo de la página</title>
</head>
<body>
<p> Esta es mi primera página web </p>
<a href=”http://www.soplaelcierzo.com“>
Visita mi web
</a>
</body>
</html>
Headings
- Hay seis niveles representados por las etiquetas h1, h2, h3, h4, h5 y h6.
- Sin aplicar ninguna regla CSS se representan en “su propia linea”.
- Por defecto están en negrita.
- h1 se considera el más importante y es el más grande, luego h2, h3...
- También los usan los buscadores. Las palabras clave tienen mucha más importancia en un h1 que en un h6.