Bienvenido a otro episodio de nuestro curso de HTML5 y CSS3.

ACTUALIZACIÓN: Asegúrate de leer las introducciones a fondo de HTML5 y CSS3.

En esta parte vamos a ver cómo insertar enlaces e imágenes a nuestra página web usando 2 etiquetas importantes: <a> y <img>. También vamos a ver la etiqueta de salto de línea <br />.

Uso de Etiquetas

• Etiqueta de enlace/link: <a href="http://www.sitioweb.com/" title="Título del enlace" target="destino de apertura">Texto del enlace</a> 
• Etiqueta de imagen: <img src="ruta/de/la/imagen.jpg" alt="Título de la imagen" />
• Etiqueta de saldo de línea: <br /> o <br>

En el tutorial, puse la foto en la carpeta Curso, donde se localiza el archivo de nuestra página (pagina.html); así, nada más tuve que poner el nombre de la imagen directamente como enlace. Pero si prefieres crear una nueva carpeta dentro del directorio Curso (por ejemplo: /imagenes), tendrás que enlazarla usando ("imagenes/mundo.jpg"). En la próxima parte de nuestro curso, voy a tener listo el diseño de una página web sencilla en forma de foto, e iremos trabajando poco a poco para armarlo en HTML5 y CSS3.