Scribd
Cargar
4 vistas10 páginas

Capitulo5 HTML

El capítulo 5 del documento aborda los lenguajes de marcas y sistemas de gestión de información, centrándose en tres tipos de listas en HTML: listas no ordenadas, listas ordenadas y listas de definición. Se explican las etiquetas HTML correspondientes para cada tipo de lista y se proporcionan ejemplos de uso. Las listas permiten agrupar elementos de manera significativa, ya sea sin un orden específico, con un orden determinado o en formato de términos y definiciones.

Cargado por

Inés Rodríguez Capilla
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd
4 vistas10 páginas

Capitulo5 HTML

El capítulo 5 del documento aborda los lenguajes de marcas y sistemas de gestión de información, centrándose en tres tipos de listas en HTML: listas no ordenadas, listas ordenadas y listas de definición. Se explican las etiquetas HTML correspondientes para cada tipo de lista y se proporcionan ejemplos de uso. Las listas permiten agrupar elementos de manera significativa, ya sea sin un orden específico, con un orden determinado o en formato de términos y definiciones.

Cargado por

Inés Rodríguez Capilla
Derechos de autor
© All Rights Reserved
Nos tomamos en serio los derechos de los contenidos. Si sospechas que se trata de tu contenido, reclámalo aquí.
Formatos disponibles
Descarga como PDF, TXT o lee en línea desde Scribd

+

HTML
Capítulo 5
Lenguajes de Marcas y Sistemas de Gestión de Información
Curso 2025/2026
+ 2

Capítulo 5: LISTAS

1. Introducción
2. Listas No Ordenadas
3. Listas Ordenadas
4. Listas de Definición
+ 3

1. INTRODUCCIÓN

Es posible agrupar determinadas palabras o frases en un conjunto


de elementos que tienen más significado de forma conjunta.
El lenguaje HTML define tres tipos diferentes de listas para agrupar
los elementos:
◼ Listas No Ordenadas: colección simple de elementos en la que no
importa su orden.
◼ Listas Ordenadas: los elementos están numerados y por tanto,
importa su orden.
◼ Listas de Definición: conjunto de términos y definiciones similar a un
diccionario.
+ 4

2. LISTAS NO ORDENADAS

Son las más sencillas y las que más se utilizan. Es un conjunto de


elementos relacionados entre sí pero para los que no se indica un orden
o secuencia determinados. La etiqueta <ul> encierra todos los
elementos de la lista y la etiqueta <li> cada uno de sus elementos.
+ 5

2. LISTAS NO ORDENADAS
<html>
<head><title>Lista No Ordenada</title></head>
<body>
<h1>Menú</h1>
<ul>
<li>Inicio</li>
<li>Noticias</li>
<li>Artículos</li>
<li>Contacto</li>
</ul>
</body>
</html>
+ 6

3. LISTAS ORDENADAS

Son casi idénticas a las listas no ordenadas, salvo que en este caso los
elementos relacionados se muestran siguiendo un orden determinado.
La lista se define mediante la etiqueta <ol>. Los elementos de la lista se
definen mediante la etiqueta <li>, la misma que se utiliza en las listas
no ordenadas.
+ 7

3. LISTAS ORDENADAS
<html>
<head><title>Lista Ordenada</title></head>
<body>
<h1>Instrucciones</h1>
<ol>
<li>Enchufar correctamente</li>
<li>Comprobar conexiones</li>
<li>Encender el aparato</li>
</ol>
</body>
</html>
+ 8

4. LISTAS DE DEFINICIÓN

Apenas se utilizan en la
mayoría de páginas HTML.
Su funcionamiento es similar
al de un diccionario, ya que
cada elemento de la lista
está formado por términos y
definiciones.

La etiqueta <dl> crea la lista


de definición y las etiquetas
<dt> y <dd> definen
respectivamente el término
y la descripción de cada
elemento de la lista.
+ 4. LISTAS DE DEFINICIÓN 9

<body>
<h1>Metalenguajes</h1>
<dl>
<dt>SGML</dt>
<dd>Metalenguaje para la def. de otros lenguajes de marcado</dd>
<dt>XML</dt>
<dd>Lenguaje basado en SGML y se emplea para describir datos</dd>
<dt>RSS</dt>
<dt>GML</dt>
<dt>XHTML</dt>
<dt>SVG</dt>
<dt>XUL</dt>
<dd>Lenguajes derivados de XML para determinadas apps</dd>
</dl>
</body>
+ 10

4. LISTAS DE DEFINICIÓN

También podría gustarte