TECNOLOGÍA E INFORMÁTICA

Un cordial saludo para todos los chicos y chicas del Área de Tecnología e Informática de los grados séptimo a Undécimo de la Jornada Mañana en la Institución Educativa San Pedro Claver de Puerto Boyacá. En este pequeño espacio encontraran en Plan de área de la asignatura y la teoría vista en clase presencial para reforzar lo visto en ella.


LISTAS Y ENLACES EN HTML

LISTAS ORDENADAS

Las 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. Cuando se crea por ejemplo una lista con las instrucciones de un producto, es importante el orden en el que se realiza cada paso. Cuando se muestra un índice o tabla de contenidos en un libro, es importante el orden de cada elemento del índice.

En todos estos casos, la lista más adecuada es la lista ordenada, que 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.

EJEMPLO DE LISTA ORDENADA

1. INTRODUCCIÓN

2. OBJETIVOS

3, JUSTIFICACIÓN


LISTAS NO ORDENADAS

Las listas no ordenadas son las más sencillas y las que más se utilizan. Una lista no ordenada 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.

EJEMPLO DE LISTA NO ORDENADA

  • Casado
  • Soltero
  • DIvorciado
  • Unión Libre

EJEMPLO

<html>

<head><title>Ejemplo de Listas Ordenadas y No Ordenadas</title>

</head>

<body bgcolor=”cyan”>

<h1>Menú</h1>

<ul>

  <li>Inicio</li>

  <li>Noticias</li>

  <li>Artículos</li>

  <li>Contacto</li>

</ul>

<ol>

  <li>Inicio</li>

  <li>Noticias</li>

  <li>Artículos</li>

  <li>Contacto</li>

</ol>

</body>

</html>

El anterior código arroja el siguiente resultado:

 


HIPERVINCULO O ENLACES EN LAS PÁGINAS

¿Alguna vez te has preguntado qué sería de la web sin los enlaces? Prácticamente nada, un montón de información sin conexión. Sin los enlaces en HTML no se hubiera entrelazado todo lo que conocemos en la red y no habría diferencia entre ver la información en un libro que en una pantalla

ETIQUETA PARA PONER ENLACES EN LAS PÁGINAS
<A HREF="UBICACIÓN ODIRECCIÓN DE LA PÁGINA A LA QUE QUIERO IR">TEXTO DEL ENLACE</A>

No hay comentarios:

Publicar un comentario

No dejes de comentar!!!