Enlaces
Como ya sabemos usar los formatos de texto para darle estilo a nuestros textos, ahora aprenderemos a añadir enlaces.
Los enlaces se añaden con la etiqueta <a> y la propiedad href dentro de ella. He aquí un ejemplo:
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean commodo ligula eget dolor. Aenean massa.
Cum sociis natoque penatibus et magnis dis parturient montes,
nascetur ridiculus mus. Donec quam felis, ultricies nec,
<a href="http://www.google.com">Google</a>
ultricies nec, pellentesque eu, pretium quis, sem. Nulla consequat
</p>
</body>
Imágenes
Otra forma de añadir contenido a tu página es mediante imágenes.
Para añadir imágenes, se usa la etiqueta <img>. En este caso, la etiqueta img tiene etiquetas para definir la dirección de la imagen, el tamaño... En vez de cerrarlo con </img> lo cerraremos con />.
Ejemplo:
<body>
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. </p>
<img src="url de la imagen" width="anchura" height="altura"/>
</body>
Ejemplo:
 |
| <img src="http://pngimg.com/upload/zebra_PNG8971.png" width="200" height="200"/> |
<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Aenean commodo ligula eget dolor. </p>
<img src="url de la imagen" width="anchura" height="altura"/>
</body>
No hay comentarios:
Publicar un comentario