Priksa menu horisontal ing situs dhewe

menu horisontal duwe meh sembarang - iku bagéyan penting, kang bisa karo menehi tampilan lan migunani kanggo narik kawigaten utawa, Kosok baline, ajrih adoh pengunjung. Ayo kang sinau carane nggawe menu horisontal SD: wis "balung" kanggo HTML, kanggo Master skills dhasar nggawe. Sampeyan mesthi bisa nemokake menu siap, nanging akeh nicer kanggo mangerteni carane berkembang dhewe. Iku cantik fun.

Sinau kanggo nggawe menu

Kita nyoba ora kanggo Sarak saka semantik, kang bakal kanggo tokoh anjog saka tata letak. Pisanan Sampeyan kudu nggawe "balung" kanggo menu kita kanggo HTML, sinau skills dhasar kanggo nggawe menu horisontal dhewe. Banjur bakal dekorasi, nggunakake gaya sheets. Ayo menu horisontal kita ngandhut 5 item. Item bakal redirected menyang homepage. Kapindho titik - "About us". Kaping tiga - "Kita Anugrah". Papat - "Iku fun." Kalima - "Hubungi kita".

HTML-kode katon kaya iki:

Sapa sing ora ngerti: tag ul digunakake kanggo peluru, sawijining unsur didhisiki li ing. tags Li oleh warisan gaya sing Applied kanggo ul ing.

Ul - pemblokiran unsur dhaftar, iku bakal digawe dowo kanggo jembaré. Li uga pemblokiran.

Dadi, nggawe index.html a. We ngumpulake kode kita. Ing jalur iki, browser nuduhaké vertikal tinimbang menu horisontal. Nanging kita karo goal sampeyan - kanggo nggawe menu horisontal kanggo ing situs iki. Iki kita kudu CSS.

Apa CSS?

Yen sampeyan duwe durung kanggo Master pangembangan Camping, iku perlu kanggo njaluk kenalan karo konsep runtun Gaya Sheets. Ing kasunyatan, iku aturan kanggo format, Processing, kang Applied kanggo unsur beda ing kaca saka web-site. Yen kita njlèntrèhaké situs ing unsur ing HTML standar, sampeyan bakal kudu mbaleni kaping pirang-pirang, sampeyan njaluk duplikat saka bagéyan sing padha kode. kaca mbukak wektu ing komputer pangguna bakal tuwuh. Kanggo supaya ora iki, ana CSS sing. Suffices kanggo njlèntrèhaké mung sapisan unsur tartamtu, lan banjur mung nuduhake endi nggunakake sifat gaya tartamtu. Sampeyan bisa nggawe gambaran saka ora mung ing teks saka kaca dhewe, nanging uga ing file liyane. Iki bakal ngidini kanggo aplikasi gambaran saka gaya beda ing kabèh kaca ing situs iki. Sampeyan uga trep kanggo ngowahi sawetara kaca, ngowahi CSS-file. sheets Gaya ngidini sampeyan bisa nganggo fonts ing tingkat luwih saka HTML, ngewangi supaya saya alané kaca grafis saka situs iki.

Nggunakake Gaya Sheets kanggo pembangunan menu

CSS-kode kanggo menu:

1. # My_1menu {dhaftar-gaya: ora ana; lapis: 6; jembaré: 800px; wates: otomatis;}
2. # My_1menu li {url: kiwa; font: miring 18px Arial;}
3. # My_1menu a {werna: # 756; tampilan: pemblokiran; dhuwur: 55px; line-dhuwur: 55px; lapis: 0px 15px 0px 15px; latar mburi: #dfc; teks-hiasan: ora ana;}
4. # My_1menu a: kisaran {werna: #foa; latar mburi: # 788;}

Saiki ayo kang katon ing menu CSS horisontal ing asil.

# My_1menu - supaya ana assignment gaya kanggo unsur UL- karo id = my_1menu, dhaftar-gaya: ora ana - printah iki kanggo mbusak tandha ngiwa dening item dijadwal.

jembaré: 800px - jembaré saka menu kita punika 800 piksel.

lapis: 0 - iki mbusak lapis nang.

wates: otomatis - vyravnivnie menu horisontal ing tengah kita kaca.

# My_1menu li - tanggung jawab gaya li-unsur.

dhuwur: 55px - dhuwur menu.

# My_1menu a: kisaran - tanggung jawab gaya kanggo unsur lan mouse nalika lagi mlebu.

Kita ora bakal njlèntrèhaké kanthi rinci saben baris, minangka saben pangembang bisa nemtokake paramèter sawijining kene. basis kanggo nggunakake gaya ing menu ing website. Sampeyan bisa dipun katon luwih rampung lan ayu, nggunakake gambar. Nemtokake unsur nanging, contone, latar mburi: url (img1.png) mbaleni-x. Anaa latar mburi: url (img2.png) mbaleni-x kanggo: kisaran.

Gunakake bayangan, pilihan Creative. Banjur adhedhasar kawruh carane nggawe menu prasaja ing website, sampeyan bisa berkembang kaca karo desain dhewe unik.