EzequielG
"Tecnica Informatico - Diseñador Web - 19 años"

Clase #3: Listas y sangrado en HTML

Contenido:
                                     1. ¿Qué es una enumeración y sangrado?
                                     2. Listas en HTML.
                                     3. Sangrado en HTML.
                                     4. Ejercicio.


Si todavía no lo viste, te recomiendo ver  Clase #1: Nuestro primer HTML

Comencemos!

1. ¿Qué es una lista y sangrado?
     Una lista es el conjunto de textos ordenados por números, letras o símbolos. Un ejemplo simple es el de este post que esta enumerado y organizado por los números 1, 2, 3 y 4.


2. Listas en HTML.
     Para las listas se utilizan diferentes etiquetas las cuales veremos a continuación:

         No enumeradas: Para las listas no enumerada utilizamos la etiqueta <ul>. Vamos a utilizar la
                                       etiqueta <li> para que aparezcan de la siguiente manera.




         Enumeradas: Para las listas enumeradas utilizamos la etiqueta <ol>. Vamos a utilizar la
                                  etiqueta <li> para que aparezcan de la siguiente manera.




3. Sangrado en HTML.
      La sangría es una especie de margen que se establece a ambos lados del texto. Para que un texto
       aparezca sangrado, se inserta con la etiqueta < blockquote >.




4. Ejercicio.

<html>
<head>
<title>
Ejercicio Final Clase 3
</title>
</head>
<body>
Tipos de Animales
<br>
<br>
<li>VERTEBRADOS </li>
     <ul>
     <li> Anfibios </li>
     <li> Peces </li>
     <li> Reptiles </li>
     <li> Aves </li>
     <li> Mamiferos </li>
     </ul>
<li>INVERTEBRADOS </li>
     <ol>
     <li> Instectos </li>
     <li> Arácnidos </li>
     <li> Crustáceos </li>
     <li> Miriápodos </li>
     </ol>
<br>
<br>
<li> FIN DE LA CLASE </li>
<blockquote>
Es el fin de esta clase,
<blockquote>
perdonen por tardar en publicarlo,
<blockquote>
se que a muchos les gusto, espero volverlos a ver pronto
</body>
</html>

Si siguieron todos los pasos les tendría que aparecer de la siguiente manera:
Cita: Mostrar

Debo aclarar que el contenido es material educativo y fue adaptado por mi persona.

Fin del Post


Clase #3: Listas y sangrado en HTML
6 Puntos Score: 2/10
Visitas: 283 Favoritos: 1
Ver los usuarios que votaron...
5 Comentarios Clase #3: Listas y sangrado en HTML
Gracias amigo  
Gracias por la info, lo de la sangria no cierra con </blockquote'> ... saludos
Cita kingvillaz: Mostrar
jaja recien me fije del error
gracias, se aprende mucho de esto
Destro de poco se viene la clase 4
Para dejar un comentario Registrate! o.. eres ya usuario? Accede!