Enlaces en HTML

 Para poner enlaces en HTML utilizaremos la etiqueta <a>.

Si el enlace es a una página web tendremos que añadir dentro de la etiqueta: href:""

Entre las colmillas hay que poner la URL. Un ejemplo:

 <a href="http://www.iesmariamoliner.org">IES María Moliner</a>

Si es una foto guardada en nuestro equipo habra que escribir la ruta hasta la foto y el nombre del archivo seguido con la extensión. Un ejemplo:

 <a href="imagenes/gato2.jpg">Segunda foto gato</a>

 Un código de ejemplo de esto:

En el código se puede ver la etiqueta <br>, se utiliza para que no salga todo seguido, sino que cambie de línea.

El código se visualizaría así:

Hacer listas ordenadas con HTML

Las listas ordenadas se hacen igual que las desordenadas (consultar el post anterior), con la salvedad de que hay que cambiar la etiqueta <ul> por la etiqueta <ol>.

Veamos un ejemplo de ello:

Este es el resultado del código:

Hacer listas desordenadas en HTML y poner tildes

Hoy voy a explicar como hacer listas desordenadas con HTML.

Utilizaremos la etiqueta: <ul>, y por supuesto para terminar: </ul>

Antes de cada elemento de la lista añadiremos la etiqueta: <li>. Esta etiqueta no hay que cerrarla.

Un ejemplo de ello:

Así se vería la web:

Si tienes problemas para que aparezcan las tildes solo hay que cambiar la configuración a UTF-8-BOM, en la siguiente imagen se muestra donde:

Normas de HTML

Para escribir en HTML hay que tener en cuenta algunas normas, en esta entrada explicaré las dos más importantes:

Cuando escribes un código hay que cerrar las etiquetas.

Por ejemplo:

• Incorrecto: <p>Esto es una prueba.
• Correcto: <p>Esto es una prueba.</p>

Hay que cerrar primero las etiquetas que se hayan abierto antes.

Por ejemplo:

• Incorrecto: <p>Esto es una <strong>prueba.</p></strong>
• Correcto: <p>Esto es una <strong>prueba.</strong></p>

HTML en notepad++

Hoy vamos a explicar como hacer una web con código HTML en notepad++.

Esta aplicación tiene muchas ventajas para trabajar con HTML, por ejemplo las líneas vienen numeradas a la izquierda.

Primero vamos a hacer en notepad el código y lo vamos a importar a notepad++.

Para hacer esto hay que abrir el programa y pinchar en la barra de herramientas el botón: "File". Nos saldrá un desplegable y tendremos que elegir "Open". Se nos abrirá una ventana donde buscaremos el documento previamente guardado y se importará a la aplicación.

El aspecto debe de ser el siguiente:

Luego lo visualizaremos en un navegador web, pinchando en "Run". Se abrirá un desplegable y podremos el elegir el navegador que queremos utilizar. El aspecto debe ser similar a este: