Hoe een link toe te voegen aan een foto: 3 stappen (met afbeeldingen)

Met een enkele regel van HTML-code kunt u een klikbare afbeelding toevoegen aan bijna elke website. Er zijn twee dingen die je nodig hebt om te werken. U hebt de URL nodig voor een afbeelding en u hebt de URL van een website nodig.

Stappen

Methode 1 van 2:

De HTML-code schrijven

1. Maak een HTML-bestand. Open een teksteditor en maak vervolgens een nieuw bestand aan. Sla het bestand op als index.html.

• U kunt elke gewenste teksteditor gebruiken, zelfs de redacteuren van het systeem die wordt geleverd door Windows, Kladblok en Mac OS X, TextTEIT.

Klik hier

• Als u TextTEIT gebruikt, klikt u voordat u het HTML-bestand begint te schrijven, klikt u op het menu Opmaak en klik vervolgens op PLAINKELIJKE TEKST. Deze instelling zorgt ervoor dat het HTML-bestand correct belast in een webbrowser.

• Woordprocessors, zoals Microsoft Word, zijn niet geweldig voor het schrijven van HTML, omdat ze onzichtbare tekens en opmaak toevoegen die een HTML-bestand kunnen doorbreken, zodat deze niet correct wordt weergegeven in een webbrowser.

2. Kopieer en plak de standaard HTML-code. Selecteer en kopieer de HTML-code hieronder en plak deze in uw open index.HTML-bestand.

3. Zoek de URL van een afbeelding. Zoek een afbeelding op het internet, klik met de rechtermuisknop op de afbeelding en vervolgens, afhankelijk van uw browser, klik op Copy Image URL, kopieer beeldadres of kopieerbeeldlocatie.

• Firefox en Internet Explorer Gebruik Copy Image Location. Chrome gebruikt kopie afbeelding URL. Safari gebruikt kopie beeldadres.

4. Voeg de afbeelding-URL toe. In de index.HTML-bestand, klik en sleep en selecteer Beeld-URL met u muis en druk vervolgens op CTRL + V om de afbeelding-URL te plakken.

5. Voeg de bestemmings-URL toe. In de index.HTML-bestand, verwijder de bestemmings-URL en typt u vervolgens HTTPS: // google.com.

• U kunt elke URL gebruiken die u zoekt voor de bestemming URL.

6. Sla het HTML-bestand op.

7. Open het HTML-bestand in een webbrowser. Klik met de rechtermuisknop op de index.HTML-bestand en open het vervolgens in de webbrowser naar keuze.

• Wanneer de browser wordt geopend, zorg er dan voor dat u de afbeelding niet ziet, of de beeldbestandsnaam correct is gespeld in de index.HTML-teksteditorvenster.

• Wanneer de browser wordt geopend, als u HTML-code ziet in plaats van de achtergrondafbeelding, uw index.HTML-bestand is opgeslagen als een rijk tekstdocument. Mogelijk wilt u proberen het HTML-bestand in een andere teksteditor te bewerken.

Methode 2 van 2:

De HTML-code begrijpen

1. Begrijp het ankertag. HTML-code bestaat uit open en gesloten tags. De Tag is de open tag, en is de gesloten tag. Het wordt een ankertag genoemd en wordt gebruikt om links toe te voegen aan een webpagina.

De vertelt een browser om een link te maken. De href is kort voor HTML-referentie, de = vertelt de browser om alles tussen de " " en maak het een link. Elke URL kan tussen de twee aanhalingstekens gaan.
De vertelt een browser die het ankertag is gesloten.
Wanneer u tekst tussen toevoegt en deze tekst een klikbare link op een webpagina maakt. Bijvoorbeeld, Google zou een link naar Google creëren.

2. Begrijp de afbeelding Tag. De Tag is een zelfsluitende tag. Je kunt het sluiten door schrijvendor door te schrijven .

De tag vertelt een browser om een afbeelding te maken. De SRC is kort voor de bron, de = vertelt de browser om alles tussen de " " en pak het beeld van die locatie.

De /> vertelt een browser om de afbeelding tag te sluiten.

Bijvoorbeeld, {

} zou de afbeelding op die URL krijgen en vervolgens in een webbrowser weergeven.

3. Gebruik deze code ergens. Nu u deze code kent, kunt u gebruiken om klikbare afbeeldingen toe te voegen aan elke webpagina die HTML-code kan maken.

Tips

Deel in het sociale netwerk:

Hoe een link naar een foto toe te voegen

Stappen

Tips