” vai “ var izmantot arī atzīmes, taču laba prakse ir izmantot ” tagu. Pēc tam piešķiriet “ galvene ” klase, lai lietotu CSS stilus galvenes sadaļā. Pēc tam pievienojiet '

' tagu tajā un piešķiriet tai klasi ' virsraksts ”, lai parādītu saturu “Laipni lūdzam Linuxhint!”:

klasē = 'galvene' >

< h1 klasē = 'virsraksts' > Laipni lūdzam Linuxhint! < / h1 >

< / galvene>

Pēc tam atlasiet “ ” atzīmējiet klasi un piešķiriet šādus stilus:

---

---

.header {

fona attēls: url ( '../bg.jpg' ) ;

fons- Izmērs : piesegt;

fona atkārtojums: neatkārtot;

krāsa : balti dūmi;

fona pozīcija: augšā;

polsterējums: 0px 20px 20px 20px;

}

Iepriekš minētā koda skaidrojums ir minēts zemāk:

• Vispirms iestatiet attēlu ' bg.jpg ' kā fonu galvenes sadaļai, izmantojot ' fona attēls ” īpašums.
• Tālāk “ fona izmērs ' un ' fona atkārtojums ” rekvizīti tiek izmantoti, lai attiecīgi iestatītu attēla izmēru un apturētu attēla atkārtošanos.
• Pēc tam iestatiet teksta krāsu un attēla pozīciju uz augšu, izmantojot “ krāsa ' un ' fona pozīcija ” īpašības.
• Galu galā ' polsterējums ” rekvizīts tiek izmantots, lai iestatītu atstarpi starp galvenes saturu un apmali.

Pēc iepriekš minētā koda izpildīšanas tīmekļa lapa izskatās šādi:

Iepriekš redzamajā izvadē tiek parādīts, ka galvenes sadaļa ir izveidota un tai tiek lietoti CSS stili.

2. darbība: izveidojiet navigācijas joslu

Galvenē vairumā gadījumu var būt arī navigācijas josla. Navigācijas joslas izveidei HTML '