Aprender a hacer una sencilla web paso a paso partiendo de cero.
Y ahora tambien aprende a programar en C++ con Aprende Web C++
y entérate de las novedades o deja un comentario.
última modificación: 13-07-2018.
Visitas este mes: 3
Visitas el mes pasado: 12
Por elegir aprende-web
Aprende-web está diseñado a partir de los lenguajes que aquí mismo se enseñan.
By Anyelguti
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: . 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).
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:
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> <a href="http://www.google.com" target="blank" > www.google.com. </a></li> <li>El segundo buscador más usado es <b>Yahoo: </b> <a href="http://www.yahoo.es" target="blank" > www.yahoo.es. </a></li> <li>Le sigue el buscador <b>MSN: </b> <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> <a href="http://www.altavista.com" target="blank" > www.altavista.com. </a></li> <li>Otro buscador bastante conocido es <b>Terra: </b> <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
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