Tutorial De HTML.

LISTAS

Para trabajar con las listas tenemos 3 opciones basicas, las listas desordenadas, las ordenadas y las de definicion. ¿Cual es la diferencia? que apurado que estas, dame unos segundos y te explico.

LISTAS ORDENADAS

Estas son las que aparecen con numerales, bien ordenadas y estructuradas. Para ello usamos la etiqueta <ol> y <li> Se le pueden agregar sub listas en cada item

<ol> <li>Linea 1</li> <li>Linea 2</li>        <ol> <li>Linea 2.1</li> <li>Linea 2.2</li>        </ol> <li>Linea 3</li> <li>Linea 4</li> </ol>

El Resultado

1. Linea 1
2. Linea 2
1. Linea 2.1
2. Linea 2.2
3. Linea 3
4. Linea 4

LISTAS DESORDENADAS

A diferencia de las anteriores, aca el HTML no les asigna un numero a cada linea, sino que le agrega un simbolo. Se usan las etiquetas <ul> y <li> Tambien se pueden agregar sub listas

<ul> <li>Linea 1</li> <li>Linea 2</li>         <ul> <li>Linea 2.1</li> <li>Linea 2.2</li>        </ul> <li>Linea 3</li> <li>Linea 4</li> </ul>

El resultado:

• Linea 1
• Linea 2
• Linea 2.1
• Linea 2.2
• Linea 3
• Linea 4

LISTAS DE DEFINICION

Por ejemplo si queremos poner la definicion de una palabra, podremos obtener una sangria automatica, solo usando las etiquetas <DD> y <DL>

<DL> Portal Veperu <DD>El Mejor Portal del <b>Peru</b>, que te trae el mejor Tutorial de HTML </DL>

EL Resultado:

Portal Veperu

El Mejor Portal del Peru, que te trae el mejor Tutorial de HTML

¿Y se pueden mezclar las listas?

Linda pregunta, pues es cuestion de probar nomas!

<ol> <li>Linea 1</li> <li>Linea 2</li>         <ul> <li>Linea 2.1</li> <li>Linea 2.2</li>         </ul> <li>Linea 3</li> <li>Linea 4</li> </ol>

1. Linea 1
2. Linea 2
• Linea 2.1
• Linea 2.2
3. Linea 3
4. Linea 4

Todo se puede en esta VIDA!!!

RESUMEN
Que aprendimos en este capitulo:

- Hicimos listas oredenadas y bonitas
- Hicimos listas Desordenas pero bonitas tambien
- Hicimos listas de Definicion que no sabemos en que nos pueden servir pero tambien estan  bonitas!!

<<Anterior Comandos Basicos

Siguiente >> Imagenes

 

---

INTRODUCCION

1- Estructura  de un documento en HTML

2- Comandos Básicos
    2.1- Formateando texto
    2.2- Saltos de Línea
    2.3- Formateando Párrafos
    2.4- Líneas de separación

3- Listas
    3.1 Listas ordenadas
    3.2 Listas desordenadas
    3.3- Listas de definición.

 4- Imágenes
    4.1- Texto Alternativo
    4.2- Alineándolas
    4.3- Enlaces
    4.4- Mapas

5- Enlaces
    5.1- Enlaces externos
    5.2- Enlaces Internos (dentro de un mismo documento)
    5.3- Enlaces directos para direcciones de mail

6- Tablas
    6.1-  Bordes
    6.2-  Color de fondo a las celdas
    6.3- Imagen de fondo

7- Cosillas sueltas

8- Recomendaciones Finales

9- Apendice

 

---

Este Tutorial esta pensado para gente sin conocimientos previos, si lo lees y te parece muy obvio o sencillo, puedes contactarnos y ampliar los temas.
Tutorial diseñado exclusivamente para el Portal Veperu, el Perú y mas, se prohíbe su reproducción total o parcial salvo que indiques la fuente.