HTML <blockquote>

Ta'rifi va qo'llanilishi

<blockquote>Teg boshqa manbadan olingan bo'limni belgilaydi. Masalan siz uzbekdevs.uz saytidan biror bir ma'lumot olib saytingizga joyladingiz. Siz ma'lumotni uzbekdevs.uz saytidan olganingizni anglatib turadi.

<blockquote cite="https://uzbekdevs.uz/maqolalar/kompyuterdagi-operativ-tezkor-xotira-ram-ozu-haqida">
 Operativ xotira 2 ta asosiy xarakteristikaga ega va bu xotirani sotib olishda shu xarakteristikalarga qaraladi.
</blockquote>

<blockquote> tegi ichiga sayt manzilini berishda cite atributidan foydalaniladi. Ko'pgina brauzerlar <blockquote>elementni quyidagi standart qiymatlar bilan ko'rsatadi:

blockquote {
  display: block;
  margin-top1em;
  margin-bottom1em;
  margin-left40px;
  margin-right40px;
}

Batafsil tushuncha : Bu CSS qiymatlarini siz berishingiz shart emas. HTML ga <blockquote> tegini yozsangiz, teg boshqa elementlar bilan standart tarzda turmaydi. Yuqoridagi kodda ko'rsatilgan CSS kodlari avtomatik tarzda ishga tushadi. Buni hozir bitta amaliy ish bajarish orqali bilib olamiz.

Mashq : Bitta yangi HTML sahifa oching va unga dastlabki HTML kodlarni kiriting. Keyin esa bitta <p> tegi ichiga biror so'z yozing. Undan so'ng esa pastiga <blockquote> tegini yozing va ichiga qandaydir so'z yozing. Natijani brauzerda tekshirib ko'ring. Farqni o'zingiz his qilasiz.

Hozir birgalikda bajarib ko'ramiz.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Kopirayter</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    
    <h2>Dasturlashni UzbekDevsda birgalikda o'rganamiz</h2>
    <blockquote>Dasturlashni UzbekDevsda birgalikda o'rganamiz</blockquote>


</body>
</html>

Brauzerda chiqgan natijaga e'tibor bering. <blockquote> tegi ichiga yozilgan matn joylashuv jihatdan yuqoridagi CSS kodga mos keladi. Bu uning standart qiymatlari hisoblanadi.