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: Skapa Länkar till Populära Webbplatser
Mål
Skapa en fängslande webbsida med en oordnad lista (<ul>
) med länkar (<a>
) till tre populära webbplatser. Magin ligger i att se till att dessa länkar öppnas i nya flikar när de klickas, vilket förbättrar användarupplevelsen och låter dem utforska varje destination utan ansträngning.
Uppgift
Använd följande element för att skapa en spännande webbupptäcktsupplevelse:
- Skapa en oordnad lista med tre objekt med hjälp av ett
<ul>
-element. - Varje listobjekt ska innehålla en länk (
<a>
) till en populär webbplats och dess namn. - Listan ska innehålla följande objekt:
- "Apple" - Länk till Apples webbplats:
https://www.apple.com/
; - "Amazon" - Länk till Amazons webbplats:
https://www.amazon.com/
; - "Netflix" - Länk till Netflix webbplats:
https://www.netflix.com/
.
- "Apple" - Länk till Apples webbplats:
index.html
- Använd
ul
-taggen för att skapa en oordnad lista. - Använd
li
-taggen för att skapa listobjekt för varje webbplatslänk. - Använd
a
-taggen för att skapa länkar och specificera webbplatsens URL med hjälp avhref
-attributet. - För att få länkarna att öppnas i nya flikar, inkludera
target="_blank"
-attributet inoma
-taggen.
index.html
Var allt tydligt?
Tack för dina kommentarer!
Avsnitt 2. Kapitel 9