Animal Trading cards


Laboratoriya: Animal Trading Cards


Download 0.93 Mb.
bet35/45
Sana31.01.2024
Hajmi0.93 Mb.
#1831329
1   ...   31   32   33   34   35   36   37   38   ...   45
Bog'liq
FrontEnd uz Final

2. Laboratoriya: Animal Trading Cards


Topshiriq
O'zingizning original dizayningizni ishlaydigan veb-sahifaga aylantirish uchun HTML va CSS haqida bilib olgan narsalaringizdan foydalaning!
Asosiy chiqib ketishlar
Boshlang'ich dizaynni ishlaydigan veb-sahifaga aylantirish uchun HTML va CSS haqida bilib olgan narsalaringizdan foydalaning!
Ko‘rsatmalar
Laboratoriya quyidagi fayllar bilan boshlanadi:
card.html 
clownfish.jpg 
design-prototype.jpg 
cstyles.css 
Vazifangiz design-prototype.jpg rasmidagi dizaynni takrorlash. Buning uchun  card.html fayliga ozgartirish kiritish kerak, ya’ni attributes qo’shish hamda muayyan elementlarga stil berish uchun CSS selectors dan foydalanish kerak.
Mumkin bo’lgan yechimlardan biri:
Googledan foydalanib o’zingizga yoqqan hayvon rasmini toping va yuklab oling.
So’ng “+” tugmasini bosib rasm faylini loyihaga yuklang

“Upload File” bosamiz.
Yuklab olingan hayvon rasmiga yo’lni ko’rsatamiz

Laboratoriy sahifasining chap tomonida yuklangan fayl nomi paydo bo’ladi (dog.jpg).

“card.html” fayliga kod yozamiz:

“card.html” kodi:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

24
25


26

27
28


29
30
31
32
33
34
35
36
37







Animal <a href="/animal-trading-cards-v6.html">Trading cards</a>





Download 0.93 Mb.

Do'stlaringiz bilan baham:
1   ...   31   32   33   34   35   36   37   38   ...   45




Ma'lumotlar bazasi mualliflik huquqi bilan himoyalangan ©fayllar.org 2024
ma'muriyatiga murojaat qiling