LISTAS EN HTML.
LISTA NO ORDENADA.
LISTA DESCRIPTIVA.
Se emplea para definir una lista de términos con cero o mas descripciones por cada termino.
- cada termino de la lista de define con <dt>
- cada descripción de un termino se define con <dd>
<dl>
<dt> HTML </dt>
<dd> Hyper Text Markup Lenguage </dd>
<dt> HTTP </dt>
<dd> Hyper Text Transfer Protocol </dd>
<dt> URL </dt>
<dd> Uniform Resourse Locator </dd>
</dl>
COMO SE VERÁ
HTML.
Hyper Text Markup Lenguage
HTTP
Hyper Text Transfer Protocol
URL
Uniform Resourse Locator
Listas no ordenadas: <ul>
Las listas no ordenadas van dentro de la etiqueta <ul> HTML y de su cierre </ul>. Cada punto que queramos añadir a la lista, lo haremos dentro de la etiqueta <li> y su cierre.
Listas ordenadas: <ol>
Las listas ordenadas van enmarcadas dentro de las etiquetas <ol> </ol>. Cada punto de la lista se escribe con la misma etiqueta que en las no numeradas: <li>. Pero al ser listas ordenadas los símbolos serán números y éstos se irán generando automáticamente por orden, conforme escribamos nuevos puntos.
Listas de definiciones: <dl>
La etiqueta <dl> viene de los términos ingleses “Definiton list” y nos indica que dentro de ella, entre ella y su cierre, va a ir una definición.
EJEMPLOS.
<ul>
<li> contenido </li>
<li> contenido </li>
<li> contenido </li>
<li> contenido </li>
</ul>
COMO SE VERÁ
.contenido
.contenido
.contenido
.contenido
LISTA ORDENADA.
<ol>
<li> contenido </li>
<li> contenido </li>
<li> contenido </li>
<li> contenido </li>
</ol>
COMO SE VERÁ
1.contenido
2.contenido
3.contenido
4.contenido
Se emplea para definir una lista de términos con cero o mas descripciones por cada termino.
- cada termino de la lista de define con <dt>
- cada descripción de un termino se define con <dd>
<dl>
<dt> HTML </dt>
<dd> Hyper Text Markup Lenguage </dd>
<dt> HTTP </dt>
<dd> Hyper Text Transfer Protocol </dd>
<dt> URL </dt>
<dd> Uniform Resourse Locator </dd>
</dl>
COMO SE VERÁ
HTML.
Hyper Text Markup Lenguage
HTTP
Hyper Text Transfer Protocol
URL
Uniform Resourse Locator
No hay comentarios:
Publicar un comentario