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: Designa en Filmskyltwebbsida
Mål
Skapa en fängslande webbsida som presenterar dina favoritfilmer med hjälp av HTML-element, inklusive en oordnad lista (<ul>
), en <h1>
rubrik och flera paragrafelement (<p>
).
Uppgift
Använd följande element för att visa dina favoritfilmer:
- Använd ett
<h1>
element för huvudrubriken. Texten ska sägaMy Favorite Movies
. - Använd ett
<ul>
element för att skapa en oordnad lista med minst 3 filmtitlar. Varje filmtitel ska vara ett listelement (<li>
). - Efter
<ul>
elementet, använd flera<p>
element för att skriva en kort beskrivning av varje film. Varje films beskrivning ska placeras i sin paragraf.
index.html
- Använd
h1
taggen för att skapa huvudrubriken. - Använd
ul
taggen för att skapa den oordnade listan. - Använd
li
taggen för att skapa objektet i den oordnade listan. - Använd
p
taggen för att skapa stycket.
index.html
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 7