Este es el esqueleto de la mayoría de mis sitios web que me gusta crear. Me gustaría poder agregar enlaces de imágenes en lugar de tener que hacer referencia a fotos en mi computadora. Esperaba obtener algo de ayuda.
<!DOCTYPE html> <html lang="en"> <head> <title>$title$</title> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"> <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"></script> <script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"></script> </head> <body> <div class="container"> <h1>Bootstrap template</h1> <p>$text$</p> <footer class="blog-footer"> <p>Made by Kevin Leong</p> <a target="_blank" href="#"><img src="/assets/social-icons/facebook_icon.png" width="30" height="30" class="img-fluid"></a> <a target="_blank" href="#"><img src="/assets/social-icons/twitter-icon.png" width="30" height="30" class="img-fluid"></a> <a target="_blank" href="#"><img src="/assets/social-icons/instagram.png" width="30" height="30" class="img-fluid"></a> <a target="_blank" href="#"><img src="/assets/social-icons/linked-in-icon.png" width="30" height="30" class="img-fluid"></a> <a target="_blank" href="#"><img src="/assets/social-icons/pinterest-icon.png" width="30" height="30" class="img-fluid"></a> <a target="_blank" href="#"><img src="/assets/social-icons/flickr-icon.png" width="30" height="30" class="img-fluid"></a> </footer> </div> </body> </html>Puede hacer referencia a imágenes externas como esta:
<img src="https://upload.wikimedia.org/wikipedia/commons/thumb/f/fd/Aster_Tataricus.JPG/321px-Aster_Tataricus.JPG" /> Haga clic con el botón derecho en cualquier imagen en línea y seleccione copy image address , luego péguela en el src="" de un elemento img . Pero solo use imágenes de lugares como https://commons.wikimedia.org/ y https://www.pexels.com/ que le dan permiso para usar sus imágenes.