#HTML
1โฃโฆ"CSS" ham "JS" ham bittaga faylga ulanadi. Bu:
2โฃโฆ"HTML"ga kodlar asosan "body" ichiga yoziladi
1โฃโฆ"CSS" ham "JS" ham bittaga faylga ulanadi. Bu:
HTML
2โฃโฆ"HTML"ga kodlar asosan "body" ichiga yoziladi
<body>
</body>
๐3โคโ๐ฅ1๐1๐ฅ1๐1
#HTML
1โฃโฆ "Figma.com" orqali siz ochiq fayllarni "Copy"(nusxa) sini yaratishingiz mumkin boสปladi
2โฃโฆ "Figma" sizga faylning barcha maสผlumotlarini taqdim etadi
Copy yaratishni nima keragi bor desangiz, shu qilgan ishingizga oสปxshash ish tushsa siz eplay olasiz chunki bu sinovdan oสปtgan boสปlasiz ๐))
1โฃโฆ "Figma.com" orqali siz ochiq fayllarni "Copy"
Firma.com
2โฃโฆ "Figma" sizga faylning barcha maสผlumotlarini taqdim etadi
Figma.com
๐3โคโ๐ฅ1โก1๐ฅ1๐1
#HTML
โ Avvalo har bir boshlanayotgan ishda "Header" boสปladi
โ Doimo "Header" dan keyin "Section"
โ Va oxirida "Footer" keladi
Deyarli 70% section ishlatiladi ๐ฅ))
โ Avvalo har bir boshlanayotgan ishda "Header" boสปladi
<header>
</header>
โ Doimo "Header" dan keyin "Section"
<section>
</section>
โ Va oxirida "Footer" keladi
<footer>
</footer>
Deyarli 70% section ishlatiladi ๐ฅ))
๐2โคโ๐ฅ1โก1๐ฅ1๐จโ๐ป1๐1
#HTML
โ "Div" bu - oyna yoki faylning oสปrtada ushlab turuvchi ramka
โ "H" ya'ni ->> " h1", "h2", "h3" "h4", "h5" va "h6" - bular "Title" hisoblanadi(h1 eng katta va h6 eng kichik hajmda)
โ "p" bu - matn kiritish uchun yoziladi(Lorem deb yozib biz "tasodifiy soสปzlardan iborat matn" yoza olamiz, bir necha soniya ichida. Yani "Lorem" deysiz va nechta soสปz kerakligini yozasiz)
โ "Div" bu - oyna yoki faylning oสปrtada ushlab turuvchi ramka
<div>
</div>
โ "H" ya'ni ->> " h1", "h2", "h3" "h4", "h5" va "h6" - bular "Title" hisoblanadi
<h1>
</h1>
โ "p" bu - matn kiritish uchun yoziladi
<p>
</p>
โก1โคโ๐ฅ1๐1๐1๐จโ๐ป1๐1
#HTML
Faylning 1 parchasi ๐
Faylning 1 parchasi ๐
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>softlog</title>
<link rel="stylesheet" href="./main.css">
</head>
<body>
<header class="header">
<div class="header-container">
<div class="header-box">
<img class="header-image" src="./softlog (1).png" alt="">
<ul class="nav">
<li class="nav-link">Categories</li>
<li class="nav-link">Blog</li>
<li class="nav-link">Contact</li>
</ul>
</div>
<div>
<button class="btn1">Claim profile</button>
<button class="btn2">Write a review</button>
</div>
</div>
</header>
<section class="section1">
<div class="section-container">
<div class="section-box">
<h2 class="section-title1">Category title</h2>
<p class="section-text">Accounting software automates an organization's financial functions and transactions with<br> modules including accounts payable, accounts receivable, payroll, billing and general ledger.</p>
</section>
<section class="section2">
<div class="section2-container">
<p class="section2-text"><span class="section2-teyx-span">805 </span>listings</p>
<button class="section2-button">Filter<img class="image" src="" alt=""></button>
</div>
</section>
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
<link rel="stylesheet" href="./main.css">
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
<img class="header-image" src="./softlog (1).png" alt="">
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
<ul class="nav">
<li class="nav-link">Categories</li>
<li class="nav-link">Blog</li>
<li class="nav-link">Contact</li>
</ul>
<li class="nav-link">Categories</li>
<li class="nav-link">Blog</li>
<li class="nav-link">Contact</li>
</ul>
#HTML
"ul" bu - bir yoki bir necha "li" ning ramkasi. "li" bizga matnni "โข" bilan yozib beradi.
โข Olma
โข Nok
โข Anor
"ul" bu - bir yoki bir necha "li" ning ramkasi. "li" bizga matnni "โข" bilan yozib beradi.
โข Olma
โข Nok
โข Anor
<ul>
<li><p>Salom</p></li>
</ul>
โคโ๐ฅ1๐1๐ฅ1๐1๐1๐1
#HTML #CSS
1โฃโฆTeg ichiga class="Ism" yozib unga ism qoสปyishingiz mumkin. Siz u ism orqali "CSS" da stil, "JS" da harakat qoสปshishingiz mumkin.
๐ t.me/absJavaScript
1โฃโฆTeg ichiga class="Ism" yozib unga ism qoสปyishingiz mumkin. Siz u ism orqali "CSS" da stil, "JS" da harakat qoสปshishingiz mumkin.
๐ t.me/absJavaScript
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
<link rel="stylesheet" href="./main.css">
#HTML #CSS
1โฃโฆBerilgan(Maxsus Ism) orqali unga
โข Shakl
โข Rang
โข Joylashuv
โข Hajm
โข Shrift
โข Matn uslubi
โข va boshqalar qoสปshishingiz yoki berishingiz mumkinโฆ
๐ t.me/absJavaScript
1โฃโฆBerilgan
โข Shakl
โข Rang
โข Joylashuv
โข Hajm
โข Shrift
โข Matn uslubi
โข va boshqalar qoสปshishingiz yoki berishingiz mumkinโฆ
๐ t.me/absJavaScript
โคโ๐ฅ1๐1๐ฅ1๐1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
2โฃโฆCSS
#HTML #CSS
1โฃโฆAvvalo CSS fayl ochamiz. UngaCSSda
.(ism){
pardoz
} ๐
beriladi. Aytgancha barcha oสปlcham deyarli faqat "px " bilan beriladi.
๐ t.me/absJavaScript
1โฃโฆAvvalo CSS fayl ochamiz. UngaCSSda
pardoz
}
beriladi. Aytgancha barcha oสปlcham deyarli faqat "
.ism{
color: white;
color: #FFF
background-color: white;
background-color: #FFF;
font-size: 15px;
height: 15px;
width:15px;
font-family: sans-serif;
font-weight: 700px;
line-height: 15px;
letter-spacing: 1px;
border: 1px solid #FFF;
word-spacing: 5px;
text-align: center;
align-items: center;
margin-left: 15px;
margin-right: 15px;
margin-top: 15px;
margin-bottom: 15px;
padding-left: 15px;
padding-right: 15px;
padding-top: 15px;
padding-bottom: 15px;
}๐ t.me/absJavaScript
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
color: white;
color: #FFF
color: #FFF
#HTML #CSS #Tavsif
1-ham 2-ham bitta buyruq, ammo 1-qulayroq. Chunki ingliz tilida tarjimasini yozsangiz boสปldi ๐))
๐ t.me/absJavaScript
1-ham 2-ham bitta buyruq, ammo 1-qulayroq. Chunki ingliz tilida tarjimasini yozsangiz boสปldi ๐))
๐ t.me/absJavaScript
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
background-color: white;
background-color: #FFF;
background-color: #FFF;
#HTML #CSS #Tavsif
Bu matn, sarlavha, ramka, tugma va boshqalarga orqa fon beradi.
๐ t.me/absJavaScript
Bu matn, sarlavha, ramka, tugma va boshqalarga orqa fon beradi.
๐ t.me/absJavaScript
โก2โคโ๐ฅ1๐1๐ฅ1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
font-size: 15px;
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
height: 15px;
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
width:15px;
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
font-family: sans-serif;
#HTML #CSS #Tavsif #Text
Bu uning shrifti
Etibor bersangiz CSS ichidagi bari yozuvlar boshqacha shriftda ๐
https://t.me/absJavaScript/170
๐ t.me/absJavaScript
Bu uning shrifti
Etibor bersangiz CSS ichidagi bari yozuvlar boshqacha shriftda ๐
https://t.me/absJavaScript/170
๐ t.me/absJavaScript
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
font-weight: 700px;
โคโ๐ฅ1โก1๐1๐ฅ1๐1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
line-height: 15px;
#HTML #CSS #Tavsif #Text
Bu matnni tanlab turganingizda uning chiquvchi koสปk orqa foni balandligi(soสปzni bosib tursa chiqadi)
๐ t.me/absJavaScript
Bu matnni tanlab turganingizda uning chiquvchi koสปk orqa foni balandligi
๐ t.me/absJavaScript
๐2โคโ๐ฅ1โก1๐ฅ1๐1
JavaScript | ๐ข๐ณ๐ณ๐ถ๐ฐ๐ถ๐ฎ๐น ๐ฐ๐ต๐ฎ๐ป๐ป๐ฒ๐น
letter-spacing: 1px;
#HTML #CSS #Tavsif #Text
Bu har bitta harf ichidagi boสปshliq.
Qancha katta boสปlsa bir dona soสปz ham uzuuun boสปladi ๐))
๐ t.me/absJavaScript
Bu har bitta harf ichidagi boสปshliq.
Qancha katta boสปlsa bir dona soสปz ham uzuuun boสปladi ๐))
๐ t.me/absJavaScript
๐2โคโ๐ฅ1โก1๐ฅ1๐1