HTML en IMG SRC-Code

Hoewel HTML in versie 5 op het moment van publicatie is, heeft de IMG SRC-code niet veel veranderd sinds versie 1. U nog steeds koppelingen naar afbeeldingen met de code "een href", en u belt naar de afbeelding in plaats van tekst met de "img src" tag. Als u het formaat van de afbeelding wilt, is er een plek voor die in de codage. Als u een rand wilt toevoegen, is er ruimte voor dat ook. Maar IMG SRC is nog steeds de basisinstallatiekopie invoeging tag.

De IMG SRC Tag

Wanneer u wilt een afbeelding toevoegen aan een webpagina en u bewerkt het met behulp van HTML, moet u de IMG SRC tag gebruiken. Het ziet er als volgt: < img / >

Dit is de code voor het eenvoudigste afbeelding invoegen. Typisch, het heeft een paar meer kenmerken die zijn toegevoegd, zoals afmetingen, een soort van koppeling, een hover-bijschrift of uitlijning. U kunt ook vervangen door een URL voor de afbeeldingsnaam van de als de afbeelding die u wilt weergeven niet daadwerkelijk is opgeslagen in uw dossiermanager. In dat geval, zou uw beeld-code < img / >

Dimensies toe te voegen aan de afbeelding

Te voegen afmetingen naar een afbeelding die mogelijk te groot om in de website te plaatsen, alles wat je doen is afmetingen (in pixels) toevoegen aan de image-tag: < img hoogte = 200 width = 300 / >

Probeer om te controleren of de afmetingen die u de afbeelding geven zijn evenredig met het origineel. Als u niet zorgen te houden percentage, zal uw afbeelding omhoog beƫindigen scheef en uitgerekt.

De afbeelding koppelen

Als u wilt een koppeling toevoegen aan een afbeelding, moet u toevoegen een < een href > label. Een gekoppelde afbeelding zou worden gecodeerd als volgt: < een href = "link URL" >< img hoogte = 200 width = 300 / >< /a >

De < een href > tag werken voor de hyperlink, dus als u links uit de IMG SRC-code en sommige tekst waar het voorkomt in hierboven, de tekst zouden worden gekoppeld, niet de afbeelding hebt getypt. Het zou er zo uitzien: < een href = "link URL" > tekst < /a >

ALT toegevoegd aan de IMG-Tag

Een gemeenschappelijk toevoeging aan de IMG SRC tage is alt, wat staat voor "alternatief." In de code, het meestal verschijnt aan het einde van de lijst van kenmerken, zoals dit: < img hoogte = 200 width = 300 alt = "afbeelding naam" / > dus als uw afbeelding niet wordt geladen, de tekst met het pictogram van een verbroken afbeelding verschijnt en de naam van de afbeelding wordt weergegeven. Het voordeel om dit te doen is dat bezoekers van de site in plaats van alleen een gebroken beeld pictogram, de naam van de afbeelding op zijn minst zal weten.