Grunderna i HTML och CSS kodning (5 / 11 steg)
Steg 5: HTML-bilder
Vad är en webbsida utan bilder?? Vi ska nu infoga några nya märken och jazz upp vår sida med bilder! Yay!
< img src = "Sätt in bildens url här!" alt = "Sätt in bildens url här!" width = "203"
Okej nu för att förklara!
< img src = "" > är källan där du få bilden. Säga att jag ville ha en bild på en hund. Jag skulle sätta bildens url, så så här:
< img src = "
" >
Som infogar bilden av hunden i min webbsida. Du kan se hunden i området bilder!
< img src = "" alt = "" >
< alt = "" > behövs inte i en webbsida, men om någon inte kan se bilden, på alt kommer att förklara bilden. Också för blinda människor som har ett datorsystem som läser sidan för dem, kommer att systemet läsa på alt för att förklara bilden.
Så:
< img src = "
" alt = "Söt hund med stora, beady, bruna ögon" >
Nu för de
< bredd = "230" >
Detta är en mycket enkel del. Denna tagg ändrar bara helt enkelt bilden. Så bredden vore nu 230 pixlar!
Så är här vår fulla tag:
< img src = "
alt ="Söt hund med stora, beady, bruna ögon"width ="230">
Yay!