HTML-code begrijpen De HTML-code schrijven
HTML-code bestaat uit begintags en eindtags. De <a href=""> tag is de begintag, en </a> is de eindtag. Dit heet een ankertag en wordt gebruikt voor het toevoegen van links aan een webpagina.  De <a vertelt een browser om een link te creëren. De href is een afkorting van HTML-reference, de = vertelt de browser om van alles tussen de " " een link te maken. Elke URL kan tussen de twee aanhalingstekens worden geplaatst. De </a> vertelt de browser dat de ankertag is gesloten. Wanneer je tekst toevoegt tussen <a href=""> en </a> wordt die tekst een klikbare link op een webpagina. Bijvoorbeeld: <a href="https://www.google.com">Google</a> creëert een link naar Google. De <img> tag is een gesloten tag. Je kunt deze sluiten met <img src="" /> of <img src=""></img>.  De <img tag vertelt een browser om een afbeelding weer te geven. De src is een afkorting van source, de = vertelt de browser om alles tussen de " " te nemen en de afbeelding vanaf die locatie op te halen. De /> vertelt en browser om de image-tag te sluiten. Bijvoorbeeld: {{samp[|<img src="https://www.google.com/images/srpr/logo11w.png" />}} haalt de afbeelding vanaf die URL, en toont het vervolgens in een webbrowser. Nu je deze code kent, kun je <a href="doel-url"><img src="afbeelding-url" /></a> gebruiken voor het toevoegen van klikbare afbeeldingen aan elke webpagina met HTML-code. Open een teksteditor en maak daarna een nieuw bestand. Bewaar het bestand als index.html. • Je kunt elke teksteditor gebruiken die je wilt, zelfs de eenvoudige teksteditors van Windows (Kladblok) en Mac OS X (TextEdit). • Wil je een teksteditor gebruiken die bedoeld is voor het werken met HTML, klik dan hier om Atom te downloaden, een teksteditor voor zowel Windows, Mac OS X als Linux. • Als je TextEdit gebruikt, klik dan eerst op het Opmaak-menu voor je het HTML-bestand gaat maken, en daarna op Make Plain Text. Deze instelling zorgt ervoor dat het HTML-bestand correct laadt in een webbrowser. • Tekstverwerkers zoals Microsoft Word zijn niet echt geschikt voor het schrijven van HTML, omdat ze onzichtbare tekens en opmaak toevoegen waardoor het HTML-bestand beschadigd raakt en niet meer goed wordt weergegeven in een webbrowser. Selecteer en kopieer de onderstaande HTML-code en plak die in je geopende index.html.   <a href="doel-url"><img src="afbeelding-url" /></a> Zoek een afbeelding op internet, rechtsklik erop en (afhankelijk van je browser) klik op Afbeelding-URL kopiëren, Afbeeldingsadres kopiëren, of Afbeeldingslocatie kopiëren.  • Firefox en Internet Explorer gebruiken Afbeeldingslocatie kopiëren. Chrome gebruikt Afbeelding-URL kopiëren. Safari gebruikt Afbeeldingsadres kopiëren. In het bestand index.html klik en sleep je om de URL van de afbeelding te selecteren met je muis, waarna je op CTRL+V drukt om de URL te plakken. In index.html wis je doel-url en typ je  https://www.startpage.com.  • Je kunt elke URL gebruiken als doel-URL.  Rechtsklik op index.html en open dit bestand vervolgens in de webbrowser van je keuze. • Wanneer de browser opent, maar je ziet de afbeelding niet, controleer dan of je de naam van het afbeeldingsbestand correct hebt gespeld in het bestand index.html. • Wanneer de browser opent, maar je ziet HTML-code in plaats van de achtergrondafbeelding, dan is je index.html opgeslagen als .rtf-betand (rich text file). Probeer het HTML-bestand in een andere teksteditor te bewerken.
Begrijp de anker-tag. Begrijp de image-tag. Gebruik deze code overal. Maak een HTML-bestand. Kopieer en plak de standaard HTML-code. Zoek de URL van je afbeelding. Voeg de URL van de afbeelding toe. Voeg de doel-URL toe. Bewaar het HTML-bestand. Open het HTML-bestand in een webbrowser.
https://www.wikihow.com/Add-a-Link-to-a-Picture https://www.wikihow.com/Add-a-Link-to-a-Picture
Understanding the HTML Code Writing the HTML Code