The Solder Exc season 09 episode 19 | mercy masika | Saints Row The Third: The Full Package (X-BOX360) 2012
Si continuas navegando por Mega Descargas, aceptas las políticas de privacidadAcepto el uso de cookies
^
Creador
carlosuzza
Posts
3
Comentarios
0
Rango
Novato

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:


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


Fin del Post



Otros posts que te van a interesar:

  • No se encontraron posts relacionados.

0 Comentarios


Cargando comentarios espera un momento...
No tienes permisos para comentar.

Para poder comentar necesitas estar Registrado. O.. ya tienes usuario? Logueate!