Bilden infogas inte bara direkt i texten. Webbläsaren får veta dess namn och instrueras var och hur den ska placeras på skärmen. För att göra detta, använd en enda HTML-img-tagg. Den anger platsen för det grafiska objektet på webbsidan.
Om många attribut är valfria för taggar, måste img-taggen ha minst en parameter - bildens adress. Det här attributet kallas src:
- - detta visar filen goat-j.webp" />
- - med denna parameter för img-taggen kommer webbläsaren att ladda bilden som lagts ut på Internet på webbplatsen megasellmag.ru.
Alignment attributes
För att placera bilder på en sida med HTML, används img-taggen, vars attribut är ansvariga för att bilden placeras på sidan och vilken typ av text den har.
Som standard placerar webbläsaren bilden i mitten av skärmen och texten omsluter den inte. Img-taggen låter dig uttrycka din oenighet med webbläsaren med hjälp av align-attributet (alignment).
- bilden kommer att placeras till vänster på sidan, och texten kommer att gå runt den till höger.
Textens beteende kommer att vara liknande om bilden placeras till höger (justera=höger), i mitten (justera=mitten), topp (justera=top), botten(justera=botten) och mitten (centrera).
Inställningar och storlekar
För att förhindra att text smyger sig in i bilder har img-taggen fått speciella attribut -hspace (horisontella/horisontella marginaler) och vspace (vertikala/vertikala marginaler), som bestämmer mängden textindrag från bildernas kanter i pixlar.
Bilden kommer inte bara lydigt att flytta bort från texten med den angivna mängden, utan också bort från kanten på sidan, så det är bäst att undvika stora indrag.
De geometriska måtten på bilder är mycket viktiga, vilket inte bara är önskvärt, utan ibland helt enkelt nödvändigt att specificera för att bilden ska visas korrekt. För detta används attributen width (width) och height (height), vars värde anges i pixlar eller procent.
Om du endast anger bredden kommer höjden att väljas automatiskt med de ursprungliga proportionerna. Procentstorlekar gör att du kan placera bilden till höger på sidan, oavsett storleken på webbläsarfönstret, och detta behov uppstår ofta.
Andra alternativ
Border-attributet omsluter bilden i en ram med angiven tjocklek, vilket webbläsaren inte gör som standard.
Bården kan också ha en till synes meningslös nollbredd (kant='0'), men det är tills bilden blir en länk, då webbläsaren automatiskt ringer in den med en blå ram utan att vänta på instruktioner.
En del otåliga användare, rasande på låga internethastigheter, kommer helt enkelt att inaktivera visningen av bilder. För sådana fall tillhandahålls alt-parametern, som låter dig gå in alternativ text som användaren kommer att se i rutan där bilden har bråttom att ladda.
Om du inte gillar möjligheterna med alt-parametern, kan img-taggen erbjuda ett longdesc-attribut, vars värde är URL:en till ett dokument med en mer detaljerad beskrivning.
Attributen usemap och ismap talar om för webbläsaren att bilden kommer att vara en bild där hyperlänkarna är separata områden (länkkarta), endast usemap-parametern bestämmer navigationskartan på servern, och ismap - kartan på kundsidan.
Beskrivning av länk 1 i bilden nedan:
Exotiska föremål
Attributet lowsrc instruerar webbläsaren att först ladda ner en kopia (eller annat alternativ) av originalbilden med lägre kvalitet och därför en "lättare". Detta trick tillhandahålls vid låg internethastighet för användaren. Originalbilden, när den laddas upp, ersätter den "falska".
Det mindre vanligt använda galleriimg-attributet för img-taggen anropar bildkontrollpanelen (när du håller muspekaren över), så att du kan öppna standardmappen Mina bilder och skriva ut, spara eller e-posta bilden. Du kan inaktivera panelen genom att ställa in parametern galleryimg till no/false och aktivera den genom att ställa in yes/true.
I den nya HTML5-specifikationen har ett antal taggar vissa parametrar utfasade. Till exempel har attributen lowsrc, border, longdesc och name för img tagits bort.
