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: 13-07-2018.

Visitas este mes: 3

Visitas el mes pasado: 12

logo 

GRACIAS

Por elegir aprende-web

Aprende-web está diseñado a partir de los lenguajes que aquí mismo se enseñan.

By Anyelguti



6. Retoques finales

6.4 Retoques en el texto

Espacios y tipos de texto

En el lenguaje HTML podemos usar las siguientes etiquetas para cambiar el tipo de texto:

Para dejar una línea en blanco usaremos la etiqueta <br/>. esta etiqueta no tiene etiqueta de cierre.

Para insertar más de un espacio en blanco entre palabras, debemos usar el siguiente texto: &nbsp;. En HTML aunque escribamos las palabras separadas por más de un espacio, el navegador sólo escribirá un espacio. Para que escriba más de un espacio debemos poner el código anterior. Si queremos más de dos espacios, deberemos repetir el código tantas veces como espacios queramos menos uno (que es el que ya teníamos).

Cambiar el texto de los dos primeros párrafos.

Teniendo en cuenta lo anterior vamos a hacer unos retoques en el código html de nuestra web para cambiar un poco el texto.

Abre el archivo index.html con el bloc de notas y en los dos primeros párrafos vamos a añadir las etiquetas que a continuación aparecen con texto en azul:


.......

<p>Hola, estoy aprendiendo a hacer Webs y este es <i>mi primer párrafo,</i> no es muy largo, pero es un párrafo.</p>


<p>Este ya es <i> mi segundo párrafo.</i> 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>


<br/>

........


Una vez que hemos escrito las etiquetas en su sitio, guardamos y cerramos el bloc de notas y abrimos el archivo index.html con el navegador para ver los cambios.

Tu página Web quedará así: Ver mi Web.


Una vez comprobados los cambios, vamos a modificar la lista de buscadores:

Cambiar el texto de la lista de buscadores.

Abrimos de nuevo el archivo index.html con el bloc de notas y en la lista de buscadores vamos a añadir las etiquetas que a continuación aparecen con texto en azul:

....... 
<ul>
   <li>El primer buscador más usado es <b>Google:  
      </b> &nbsp; &nbsp; <a href="http://www.google.com" 
      target="blank" > www.google.com. </a></li>
   <li>El segundo buscador más usado es <b>Yahoo: 
      </b> &nbsp; <a href="http://www.yahoo.es" 
      target="blank" > www.yahoo.es. </a></li>
   <li>Le sigue el buscador <b>MSN: 
      </b> &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
      &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
      &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
      &nbsp; <a href="http://www.msn.es" target="blank" > www.msn.es. </a></li>
   <li>Y otro de los más usados es <b>Altavista: 
      </b> &nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;&nbsp; &nbsp;
      <a href="http://www.altavista.com" target="blank" > www.altavista.com. </a></li>
   <li>Otro buscador bastante conocido es <b>Terra: 
      </b> &nbsp; &nbsp;<a href="http://www.terra.es" 
      target="blank" > www.terra.es. </a></li>
			
</ul>
........

Una vez hayas escrito las etiquetas anteriores en su lugar, guardamos y cerramos el bloc de notas, y abrimos el archivo index.html con el navegador para ver los cambios:

Tu página Web quedará así: Ver mi Web.


La primera página de nuestra web está ya acabada. en el siguiente paso veremos los códigos HTML y CSS completos de nuestra página, para que los compruebes.


Ir al siguiente paso: Códigos de la página







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