Mavzu: Birinchi navbatda

Xo’jaqulov Zafar
Web dasturlashdan 1-amaliy ish
Mavzu:

Birinchi navbatda

ochamiz uning ichidan tr yani bu satr uning ichidan esa ning ichidagilardan. Table ham yaratildi.
Endi tablega css yordamida style beramiz. Birinchi navbatda backgroundiga url yordamida rasm qoyamiz. Background-sizega esa cover qoyamiz ekranni toliq egallashi uchun background-attechmentiga fixed berib rasmni qotirib qoyamiz.
Tabledagi ramimizgga border radius 50% beramiz aylana shaklda chiqishi uchun tablening ichidagi sozlarga color yordamida rang bermaiz.

Block sahifamizni yaratishda bitta table yaratib uni ortasiga text-align yordamida centerga olib kelamiz. Yani rasm Textlarni va you tube dagi videoni. Border-radius yordamida 50% qilib rasmini aylana qilamiz tagidan ismini chiqaramiz. You tubedan kodni yuklab olib qoshib qoyamiz va videoni shu yerda ochadi.
Orqa foniga ikki xil rang berib repeating-linear yordamida background beramiz.Shu bilan veb saytimiz tayyor,

ochamiz va Itemlarini korsatamiz. Ism, rasm, Audio va block sahifaga otish uchun tagini ichida link yozamiz. Kn Itemlarga mos valuelar kiritamiz. Masalan ismga Blankpink rasmga image papkasida rasm joylemiz. Audioga esa music papkasidan ashula tanlaymiz va tagining ichiga block sahifaning urlini kiritamiz. Bundan 4 ta nusxa olamiz yani