Enlaces

La etiqueta HTML para insertar un enlace es a.

• Si se desea que las palabras "siga este enlace" muestren la página cuya dirección es https://www.infofenix.net, es decir; siga este enlace, el código será:

<a href="https://www.infofenix.net">sigue este enlace</a>

• Es necesaria una etiqueta </a> de cierre que acote el texto que sirve de base al enlace.
• Si se desea que al hacer clic sobre el texto se abra una ventana nueva del navegador en vez de sustituir la de trabajo, basta añadir target="_blank":

<a target="_blank" href="https://www.infofenix.net">sigue este enlace</a>

Imágenes

La etiqueta para insertar una imagen es img. Esta etiqueta se cierra a sí misma y acaba en />.

• Si se desea mostrar una foto llamada MiFoto.jpg:

  <img src="/MiFoto.jpg" />

• Si se desea que la imagen tenga una anchura de 200 píxeles y una alturade 100 píxeles:

  <img src="/MiFoto.jpg" height="100px" width="200px" />

• Si debe incluir un texto alternativo que se mostrará al posar sobre ella el puntero del ratón:

  <img src="/MiFoto.jpg" title="Descripción. Autor/a: Nombre y Apellidos." height="100px" width="200px" />

• Si la imagen está en la carpeta MisFotos que está dentro de la carpeta Imagenes:

  <img src="/Imagenes/MisFotos/MiFoto.jpg" />

• Si la imagen está en otro lugar en Internet, por ejemplo, en el sitio de Servicios Informáticos Fénix:

  <img src="https://www.infofenix.net/MiFoto.jpg" />

• Si la imagen está en una carpeta de otro lugar en Internet, por ejemplo, en la carpeta imagenes que está dentro de la carpeta mis_cosas del sitio de Servicios Informáticos Fénix:

  <img src="https://www.infofenix.net/mis_cosas/imagenes/MiFoto.jpg" />

Nótese que los nombres de carpetas no pueden contener espacios ni caracteres diferentes a los anglosajones (tildes, ñ, ç, etc.) y que deben respetarse las mayúsculas y las minúsculas.