JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#HTML
✅ "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 eng katta va h6 eng kichik hajmda)

<h1>

</h1>

✅ "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)

<p>

</p>

⚡1❤‍🔥1👍1😁1👨‍💻1🆒1

50 viewsツ, edited 15:15

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#HTML

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

57 viewsツ, edited 15:26

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#HTML #CSS
"CSS" ni "HTML" ga ulash 👆

❤‍🔥1⚡1👍1🔥1😁1🆒1

46 viewsツ, edited 15:52

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#HTML
👆Rasm joylash uchun "img" ishlatiladi. src="./

(Rasm_nomi)

<img src="./rasm" >

</img>

❤‍🔥1⚡1👍1🔥1😁1🆒1

46 viewsツ, edited 15:53

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

<ul class="nav">
<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>
      <li><p>Salom</p></li>
</ul>

❤‍🔥1👍1🔥1👏1😁1🆒1

45 viewsツ, edited 16:18

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#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⚡1👍1🔥1😁1🆒1

40 viewsツ, edited 17:03

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

#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👍1🔥1👏1😁1🆒1

39 viewsツ, edited 17:06

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

2⃣…CSS

#HTML #CSS
1⃣…Avvalo CSS fayl ochamiz. UngaCSSda

.(ism){
pardoz
}

👇
beriladi. Aytgancha barcha oʻlcham deyarli faqat "px" bilan beriladi.

.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

40 viewsツ, edited 17:16

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

color: white;
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⚡1👍1🔥1😁1🆒1

36 viewsツ, edited 17:26

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

background-color: white;
background-color: #FFF;

#HTML #CSS #Tavsif
Bu matn, sarlavha, ramka, tugma va boshqalarga orqa fon beradi.

🔗 t.me/absJavaScript

⚡2❤‍🔥1👍1🔥1🆒1

34 viewsツ, edited 17:27

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

font-size: 15px;

#HTML #CSS #Tavsif
Bu uning kattaligi yoki hajmi. Doimgidek px da 😉 ))

🔗 t.me/absJavaScript

❤‍🔥1⚡1👍1🔥1😁1🆒1

33 viewsツ, edited 17:28

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

height: 15px;

#HTML #CSS #Tavsif
Bu uning balandligi ↕️

🔗 t.me/absJavaScript

❤‍🔥1⚡1👍1🔥1😁1🆒1

34 viewsツ, edited 17:30

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

width:15px;

#HTML #CSS #Tavsif
Bu uning kengligi ↔️

🔗 t.me/absJavaScript

❤‍🔥1⚡1👍1🔥1😁1🆒1

36 viewsツ, edited 17:31

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

❤‍🔥1⚡1👍1🔥1😁1🆒1

39 viewsツ, edited 17:32

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

font-weight: 700px;

#HTML #CSS #Tavsif #Text
Bu harf qalin yoki yupqaligi

🔗 t.me/absJavaScript

❤‍🔥1⚡1👍1🔥1😁1🆒1

39 viewsツ, edited 17:33

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

👍2❤‍🔥1⚡1🔥1🆒1

36 viewsツ, edited 17:42

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

👍2❤‍🔥1⚡1🔥1🆒1

40 viewsツ, edited 17:43

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

border: 1px solid #FFF;

#HTML #CSS #Tavsif #Border
Bu uning atrofidan chiziq yoki zonasini ajratib beradi.
1px -> qalinligi
#FFF -> oq rang 1px da
✅solid -> oddiy chiziq 👇
✅dotted -> • • • • • • • 👈 kabi qilib beradi
✅dashed -> ◾️◾️◾️◾️ 👈 kabi qiladi
✅double -> solid kabi lekin 2⃣ qavat qiladi

🔗 t.me/absJavaScript

👍2❤‍🔥1⚡1🔥1🆒1

44 viewsツ, edited 17:50

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

word-spacing: 5px;

#HTML #CSS #Tavsif
Matn boʻlsa har bitta sizdan soʻng boʻshliq kattaligi

🔗 t.me/absJavaScript

👍2❤‍🔥1⚡1🔥1🆒1

33 viewsツ, edited 17:51

JavaScript | 𝗢𝗳𝗳𝗶𝗰𝗶𝗮𝗹 𝗰𝗵𝗮𝗻𝗻𝗲𝗹

text-align: center;

#HTML #CSS #Tavsif
Balandlikka nisbatan norma holatga keladi

🔗 t.me/absJavaScript

👍2⚡1❤‍🔥1🏆1🆒1

31 viewsツ, edited 17:52