Kursinnehåll
Ultimate HTML
Ultimate HTML
2. HTML-Taggar och Attribut
Förstå HTML-TaggarArbeta med HTML-AttributFörstå Parvisa och Enkla Taggar i HTMLTextmarkering och Formatering i HTMLUtmaning: Skapa Ditt Första WebbsidesstyckeUtmaning: Bygg en Personlig IntroduktionswebbsidaUtmaning: Designa en FilmskyltwebbsidaAnvända Länkar och Knappar i HTMLUtmaning: Skapa Länkar till Populära WebbplatserValidera Din HTML-Kod för Bästa Praxis
4. Arbeta med Media och Tabeller
Lägga till Bilder i HTMLUtmaning: Arbeta med BilderArbeta med Klickbara Bilder, Bildtexter och OptimeringFörståelse för Vektor- och RastergrafikBädda in Ljud och Video för Rikt MedieinnehållUtmaning: Bädda in Ljud och Video i HTMLSkapa och Strukturera Tabeller i HTMLUtmaning: Designa en Funktionell HTML-Tabell
5. HTML-Formulär och Användarinmatning
Introduktion till HTML-FormulärGrunderna i Formulärskapande i HTMLAnvända Etiketter för Bättre FormuläråtkomstFörbättra Formulär med InputattributUtforska Olika Inmatningstyper i HTMLUtmaning: Skapa Formulär med Inputs och EtiketterArbeta med Textarea-Elementet för Flerradig InmatningAnvända Select-Elementet för RullgardinsmenyerAnvända Datalistelementet för Fördefinierade InmatningsförslagGruppera Formulärelement för Bättre Struktur
Utmaning: Arbeta med Bilder
Mål
Öva på att använda den absoluta sökvägen för bilder i HTML.
Uppgift
Se till att src
-attributet för den första bilden använder den absoluta sökvägen. Du kan hitta bilden på:
Använd den absoluta sökvägen för src
-attributet för den andra bilden. Åtkomst till bilden här:
Ange det lämpliga värdet för alt
-attributet för båda bilderna. Kom ihåg att alt
-värdet är avgörande för att ge sammanhang om bilderna inte kan laddas eller för användare som förlitar sig på skärmläsare.
index.html
- Använd
img
-taggen för att ange en bild. - Använd
src
-attributet för att ange bildens plats. - Använd
alt
-attributet för att tillhandahålla en beskrivande text för bilden. - Du kan använda
width
-attributet för att definiera bildens bredd. - Du kan använda
height
-attributet för att definiera bildens höjd.
index.html
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 4. Kapitel 2