Topshiriq O'zingizning original dizayningizni ishlaydigan veb-sahifaga aylantirish uchun html va css haqida bilib olgan narsalaringizdan foydalaning!

Download 433.5 Kb.

bet	1/2
Sana	24.04.2023
Hajmi	433.5 Kb.
	#1395806

1 2

Bog'liq
1.1 lab

Ko‘rsatmalar
Mumkin bo’lgan yechimlardan biri

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

27
28

29
30
31
32
33
34
35
36
37

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

Download 433.5 Kb.

Do'stlaringiz bilan baham:

1 2