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.