Aprende HTML5 y CSS3 - P4 : Enlaces e Imágenes

Archivo 0 24 Exp3rto Exp3rto

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.

Acerca del Autor

Desarrollador Web autodidacta, Gamer, Blogger y Fanático de la Tecnología. He creado Exp3rto.com en el 2013 con el fin de impartir guías y tutoriales y compartir noticias de todo lo novedoso en el mundo digital con sus entusiastas.

Sé el primero en comentar.

Para dejar un comentario tienes que Iniciar sesión.