Afbeelding toevoegen - maak een geweldige webpagina
Webpagina's zijn de combinatie van tekst, video's en afbeeldingen. Onder alle blitse afbeeldingen en glorieuze teksten ligt de wereld van HTML. U kunt afbeeldingen in HTML op dezelfde manier toevoegen als tekst.
HTML is de belangrijkste taal voor het maken van webpagina's. Webpagina's kunnen heel eenvoudig zijn of de afbeelding van uw favoriete actrice, een beroemd model of zelfs uw favoriete ster (knipoog) bevatten...!!!
Maar hoe voeg je echt een afbeelding toe aan een HTML-pagina, is de vraag. Je bent voor geluk, want je hoeft alleen maar deze eenvoudige stappen te volgen. Maar voordat we naar de belangrijkste stappen gaan, laten we eerst de verschillende terminologieën uitleggen die u moet kennen.
Maak je op dit moment geen zorgen over de syntaxis en andere dingen. Daar zal de tijd voor komen.
Er is een juiste tijd voor alles
Terminologieën om afbeeldingen in HTML toe te voegen
De afbeeldingstag ![]()
:In tegenstelling tot andere HTML-tags hoeft u dit tabblad niet te sluiten. God! Waarom alle HTML-ers geen tags hebben gemaakt die vergelijkbaar zijn met deze. Dit label is zo eenvoudig.
Het src-attribuut:Alle freaks van Instant Messengers en WhatsApp zullen onmiddellijk begrijpen dat src staat voor source. Heel eenvoudig, dit attribuut vraagt u naar de bron van de afbeelding. Je moet dus de url vermelden waar de afbeelding zich bevindt.
Het Alt-attribuut:Ja je hebt het goed. Het vraagt je gewoon om de alternatieve tekst voor de afbeelding in te voeren. Wat als de gebruiker van uw webpagina uit een derdewereldland komt met een nettosnelheid van 90s. In dat geval is de alt-tekst degene die wordt weergegeven totdat de afbeelding wordt geladen. Het is ook wat blinden zullen horen als ze een schermlezer gebruiken. En maak je geen zorgen, niet-blinde mensen die een schermlezer gebruiken, zullen dezelfde tekst horen.
Hoogte en breedte van afbeeldingen:Het is aan jou of je de hoogte en breedte wilt specificeren ten opzichte van de originele afbeelding of dat je je eigen cijfers wilt invoeren, ongeacht de grootte van de originele afbeelding. Aha! Ik zei je baas, ik zal je vertellen over de syntaxis en zo. Heb geduld.
Welnu, nu zullen we het saaie deel van de syntaxis bespreken om de afbeelding in te voegen.
Syntaxis om afbeelding in HTML toe te voegen
U vraagt mij, is het zo eenvoudig en ik zeg ja, het invoegen van een afbeelding in HTML is zo eenvoudig. Zoals u kunt zien, is de syntaxis in afbeeldingsvorm. Dus als u de syntaxis wilt kopiëren, kunt u dat niet doen. Mijn bedoeling was simpel dat je de syntaxis ziet en het zelf typt, zodat je het nooit vergeet en je deze ellendige pagina nooit hoeft te bezoeken.
Maar toch als je onvermurwbaar bent dat ik de syntaxis niet wil leren en plakken. Voor iedereen die luie reet is, is hier de syntaxis in tekstvorm om een afbeelding in HTML toe te voegen:
Tijdens het kopiëren en plakken van de bovenstaande code kan het gebeuren dat de omgekeerde komma in een ander lettertype staat en daarom kan de HTML deze als tekst lezen in plaats van als code. Dus als u een probleem ondervindt, verwijdert u de dubbele omgekeerde komma één voor één en typt u deze handmatig en de code zou gewoon goed moeten werken.
De relatieve positie van verschillende attributen maakt geen verschil voor de uitkomst van de code.
Als u een afbeelding op uw computer of lokale schijf in HTML wilt toevoegen, moet u deze uploaden op internet. Er zijn veel sites waar u upload gratis afbeeldingen
Al is het altijd aan te raden om een afbeelding op je eigen server te uploaden. Als u een afbeelding uploadt naar een site van een derde partij en als die site wijzigingen aanbrengt op de server, kunt u een verbroken link tegenkomen.