Entendido.

Este sitio utiliza cookies para analizar la navegación. Si continúa navegando se entiende que acepta su uso. Ver más detalles.";

Logo

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++


logo rss RSS. Suscribir canal.

Buscar en Aprende Web

Traducir página

Visita nuestro blog:

bolg.aprende-web.net

y entérate de las novedades o deja un comentario.

Dudas y sugerencias:

aprendeweb@aprende-web.net




Sobre ésta página

Ültima modificación: 29-01-2016.

Visitas este mes: 27

Visitas el mes pasado: 45

logo

Donativos

Si este sitio te parece interesante puedes contribuir con una pequeña aportación.




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:

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.







Mi primera web

Anterior siguiente ... Siguiente siguiente


imprimir esta página

Página creada por ANYELGUTI.

Sugerencias: aprendeweb@aprende-web.net. Envia un manda un correo

Visita nuestro blog par saber en qué estamos trabajando: Aprende Web Blog

Más sobre anyelguti en http://anyelguti.16mb.com