Hur du skapar anpassade CSS3 Dropdown menyer: CSS rullgardinsmenyn tutorial för nybörjare (3 / 8 steg)
Steg 3: HTML-koden
<! doctype html > < body >
< html >
< head >
< meta charset = "utf-8" >
< title >-exempelprojektet < / title >
< länka href="style.css" type = "text/css" rel = "stylesheet" / >
< / head >
< header >
< div class = "meny" >
< ul >
< li >< en href = "#" > Hem/< a >< /li >
< li >< en href = "#" > Kategorier < /a >
< ul >
< li >< en href = "#" > Photoshop < /a >< /li >
< li >< en href = "#" > Wordpress < /a >< /li >
< li >< en href = "#" > Web Development < /a >
< ul >
< li >< en href = "#" > HTML < /a >< /li >
< li >< en href = "#" > CSS < /a >< /li >
< /ul >
< /li >
< /ul >
< /li >
< li >< en href = "#" > om oss < /a >
< ul >
< li >< en href = "#" > vår Mission < /a >< /li >
< li >< en href = "#" > våra klienter < /a >< /li >
< li >< en href = "#" > innehåll oss < /a >< /li >
< /ul >
< /li >
< li >< en href = "#" > blogg < /a >< /li >
< /ul >
< / div >
< / header >
< / body >
< / html >
Som ni kan se vi skapar denna sida i HTML5 och har redan inkluderat style.css filen, koden våra viktigaste CSS blad. Också har vi redan inkluderat en anpassad klass heter menyn i huvudsak < div > med vilket vi kommer stil våra navigeringsmenyn. Även om vi har uppkallat menyn klass för den här läraren, praktiskt taget försöka vara mer specifika i namngivning, som ibland en webbplats innehåller många olika typer av menyer som huvud menyn, sidfot menyn, sidomenyn, etc. Så med korrekt namngivning det blir lättare att koda hemsidan och hjälper andra att förstå att koden. För nu så finns det ingen närvarande formatmall, här koden kommer bara att skapa en oordnad kapslad lista med standardformatet.