Aprende Web
Crea y diseña tus sitios en la Web.
Mi primera web
Aprender a hacer una sencilla web paso a paso partiendo de cero.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
RSS. Suscribir canal. Buscar en Aprende Web
Traducir página
Visita nuestro blog:
y entérate de las novedades o deja un comentario.
Dudas y sugerencias:
Sobre ésta página
última modificación: 13-07-2018.
Visitas este mes: 2
Visitas el mes pasado: 11
GRACIAS
Por elegir aprende-web
Aprende-web está diseñado a partir de los lenguajes que aquí mismo se enseñan.
By Anyelguti
4. Lista con enlaces (I)
4.1 Insertar una lista.
Etiquetas para listas
Además de insertar el texto con párrafos, también podemos insertar el texto en forma de lista. bien sea numerada o con viñetas.
Las listas en lenguaje HTML van marcadas por las siguientes etiquetas:
- La etiqueta <ul> ... </ul> marca el comienzo y el final de una lista con viñetas.
- La etiqueta <ol> ... </ol> marca el comienzo y el final de una lista numerada.
- Cada elemento de la lista está encerrado dentro de la etiqueta <li> ... </li>.
Por lo tanto la estructura de una lista con viñetas,en el código html, sería la siguiente:
........ <ul> <li> ... </li> <li> ... </li> <li> ... </li> </ul> ........
Insertar una lista
Abre el archivo index.html y después de la última línea escribe lo siguiente: (escribir el texto en azul)
........
<p>Este ya es mi segundo párrafo. Procuraré que sea más largo que el primero, así que os voy a contar qué he aprendido hasta ahora. De momento he aprendido que el código de cualquier Web va encerrado dentro de la etiqueta HTML . Dentro de esta etiqueta está en primer lugar la etiqueta HEAD , y dentro de ésta ponemos el título en la etiqueta TITLE; y en segundo lugar la etiqueta BODY donde ponemos lo que queremos que se vea en la Web: de momento el texto. </p>
<h2>Buscadores en la Web.</h2>
<p>Voy a escribir la lista de los buscadores más usados en la World Wide Web. Con este paso aprendo a escribir listas y a insertar enlaces a otras Webs.</p>
<ul>
<li>El primer buscador más usado es Google: www.google.com. </li>
<li>El segundo buscador más usado es Yahoo: www.yahoo.es. </li>
<li>Le sigue el buscador MSN: www.msn.es. </li>
<li>y otro de los más usados es Altavista: www.altavista.com. </li>
<li>Otro buscador bastante conocido es Terra: www.terra.es. </li>
</ul>
</body>
</html>
Observa cómo toda la lista está encerrada dentro de las etiquetas <ul> ... </ul>, y que cada elemento de la lista está encerrado dentro de las etiquetas <li> ... </li>.
Una ves hayas escrito el texto en el lugar indicado, y con sus correspondientes etiquetas, guardas y cierras el bloc de notas, y como siempre, vamos a ver los resultados abriendo el archivo index.html con el navegador.
Tu página debe quedar de la siguiente forma: Ver mi Web
Si no te ha quedado igual, revisa el texto y las etiquetas, seguro que encuentras el fallo y lo puedes corregir.
Como puedes ver, la lista nos queda en otro estilo y tamaño de letra que el resto de la página. Esto es porque no le hemos definido ningún estilo en el archivo estilo.css; pero éste será nuestro próximo paso:
Ir al próximo paso: Estilo de la lista.
imprimir esta página
Página creada por ANYELGUTI.
Sugerencias:
aprendeweb@aprende-web.net. Envia un 
Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog
Más sobre anyelguti en http://anyelguti.16mb.com