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


Download 433.5 Kb.
bet1/2
Sana24.04.2023
Hajmi433.5 Kb.
#1395806
  1   2
Bog'liq
1.1 lab


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 433.5 Kb.

Do'stlaringiz bilan baham:
  1   2




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