CAFAM BELLAVISTA

INDUCCIÓN

Las listas en HTML son elementos fundamentales para organizar contenido de manera estructurada. Existen dos tipos principales:

Listas no ordenadas (<ul>): Utilizan viñetas para enumerar elementos sin una secuencia específica.
Listas ordenadas (<ol>): Utilizan números o letras para establecer un orden jerárquico.

Ejemplo de cada una:

LISTAS EN HTML.

Listas HTML

Tenemos dos tipos de listas en HTML:

No ordenadas
Ordenadas

Listas no ordenadas

Una lista no ordenada en HTML se hace usando la etiqueta <ul>. Y cada elemento dentro de ella son etiquetas <li>.

Listas no ordenadas - marcador

Con la propiedad de CSS list-style-type podemos cambiar el marcador de cada elemento de la lista Para elo utilizamos el siguiente codigo en css

</ul>

disc: es un círculo relleno
circle: es una circunferencia
square: es un cuadrado
none: no sale marcador

Listas ordenadas

Una lista ordenada en HTML se hace usando la etiqueta <ol> y los elementos de dentro de ella usan la etiqueta <li>

Listas ordenadas - atributo type

El atributo type se usa para definir el marcador.

type=”1”: Con números (es la opción por defecto)
type=”A”: Con letras mayúsculas
type=”a”: Con letras minúsculas
type=”I”: Con números romanos en mayúsculas
type=”i”: Con números romanos en minúsculas

Listas de descripción

HTML también admite listas de descripción.

Una lista de descripción es una lista de términos, con una descripción de cada término.

La etiqueta <dl> define la lista de descripción, la etiqueta <dt> define el término (nombre) y la etiqueta <dd> describe cada término:

<dl>

<dd>Lenguaje de marcado</dd>

<dd>Lenguaje de estilos</dd>

</dl>

Listas anidadas

Las listas pueden anidarse (meter listas dentro de listas).

<html>

<body>

<ul>

<li>Lenguaje de marcado</li>

<li>Lenguaje de programación

<ul>

<li>JavaScript</li>

</ul>

</li>

<li>Lenguaje de estilos</li>

</ul>

</body>

</html>

TRABAJO INDIVIDUAL.

Crear un archivo HTML donde se construyan dos secciones:
- Una lista no ordenada con al menos cinco elementos de su interés.
- Una lista ordenada con una secuencia de pasos para realizar una tarea.
Asegurarse de usar correctamente las etiquetas <ul>, <ol>, <li>.

TRABAJO EN GRUPO

1) Realice una lista ordenada con las 5 primeras palabras.

2) Realice una lista No ordenada con las 5 palabras siguientes.

3) Realice una lista utilizando 5 palabras con circulo disc: es un círculo relleno; circle: es una circunferencia y square: es un cuadrado.

4) Realice una lista utilizando el atributo type, 3 pálabras por atributo.

type=”1”: Con números
type=”A”: Con letras mayúsculas
type=”a”: Con letras minúsculas
type=”I”: Con números romanos en mayúsculas
type=”i”: Con números romanos en minúsculas

Rubrica de evaluacion.

Cada pregunta vale 25 puntos.

Bitcoin.
Internet
Smartphone
Redes sociales
Programación
Inteligencia artificial
Realidad virtual
Realidad aumentada
Nube
Big Data
Ciberseguridad
Internet de las cosas
Tecnología wearable
Drones
Robots
Automatización
Blockchain
Criptomonedas
5G
Wi-Fi
Bluetooth
Realidad mixta
Impresión 3D
Realidad holográfica
Vehículos autónomos
Analítica de datos
Machine learning
Deep learning
Visión artificial
Reconocimiento de voz
Asistentes virtuales
Chatbots
Almacenamiento en la nube
Servicios en la nube
Gamificación
Realidad simulada
Internet satelital
Streaming
Plataformas de comercio electrónico
Sistemas de pago digital

Page updated

Google Sites

Report abuse