Innehållsförteckning
Det finns tillfällen då inte allt är att skapa ett formulär i våra HTML -dokument, många gånger måste vi inkludera andra element som bilder i vissa taggar för att forma vår sida, för detta kommer vi att se i denna handledning hur man gör det och de olika funktionerna ingår i sig själv.För att kunna visa en bild i vårt HTML -dokument måste vi använda elementet img som har följande attribut:
- src
- alt
- höjd
- bredd
- användarkarta
- ismap
Just nu ska vi fokusera på de två första attributen, src Y alt; src tillåter oss att ge sökvägen från vilken webbläsaren kommer att söka efter bilden, det kan vara en relativ sökväg eller till och med en URL, attributet alt tillåter oss att placera en text, den här texten visas bara när bilden inte är tillgänglig, oavsett om den inte finns i sökvägen där den angavs i src eller inte ens webbläsaren kan tolka det.
Låt oss se ett exempel på hur du inkluderar en bild i vårt HTML -dokument:
Exempel Här är en vanlig form för att representera de tre aktiviteterna i en triathlon.Den första ikonen representerar simning, den andra representerar cykling och den tredje representerar löpning.
I det här exemplet ser vi också ytterligare två attribut, bredd och den höjd Dessa, som deras namn indikerar, ska reglera bildens bredd och höjd, med detta kan vi garantera att bilden förblir inom de storlekar som fastställts av oss, även om bilden är större än att den kommer att dimensioneras om, utan Dock måste man vara försiktig eftersom bilden kommer att ha samma vikt, så det är lämpligt att placera den redan redigerade bilden med önskad storlek och att vår sida laddas snabbare.
En annan ganska vanlig användning är att använda en bild som en länk till andra sidor, antingen genom att placera ikonen för ett lag, en nästa pil till exempel, naturligtvis, nu med de nya CSS -ramarna kan detta vara mindre vanligt, men låt oss se hur det är gjort för att ha detta alternativ inom vår portfölj av HTML -verktyg.
För att bädda in bilden placerar vi helt enkelt elementet img inuti ett element som hänvisar till en sida som:
Exempel Här är en vanlig form för att representera de tre aktiviteterna i en triathlon.Den första ikonen representerar simning, den andra representerar cykling och den tredje representerar löpning.
Med detta uppnår vi att bilden nu är vår länk, eftersom vi kommer att se i nästa skärm bilden inte förändras på det sätt den visas:
