Birinchi HTML-teglar

3.1 Teg html

Agar sen bu matnni o'qiyotgan bo'lsang, demak o'ylash mumkin, kelajakda sen Java Developer yoki Full Stack Java Developer bo'lib ishlaysan. HTML-hujjatlar yozmasang ham, ularni o'qib turasana. Dunyoda shunday bo‘lgan, shuning uchun HTML-hujjatlar qanday tashkil etilganini tushunib olishga to‘g‘ri keladi.

Har qanday HTML-hujjat nimadan boshlanadi? Har bir HTML-hujjat uchta ichki tegdan iborat tuzilishga ega: html, head va body. Bu standart, misol:

<!DOCTYPE html>
<html>
 <head>
        Texnik teglar
 </head>
 <body>
        Asosiy hujjat
 </body>
</html>

Brauzer ko'rsatadigan barcha narsa, juft teg body (hujjat tanasi) ichida joylashgan. head tegi ichida brauzer uchun texnik/yordamchi ma'lumotli teglar joylashgan.

Shuningdek, hujjatning boshida (majburiy emas) hujjat turi DOCTYPE yoziladi, shunda parser xatolarni qanday talqin qilishni yaxshiroq tushunadi. Ko'pgina brauzerlar buzilgan maketli hujjatlarni to'g'ri ko'rsata oladi.

Yoki, aksincha, standart XHTML = XML+HTML mavjud bo'lib, u odatdagi HTML ga qaraganda qattiqroq qoidalarga ega. Ammo bunday ma'lumot sen uchun foydali bo'ladi, agar sen o'z brauzerini yozishni yoki hech bo'lmaganda o'z HTML-parserini yozishni qaror qilsang.

3.2 Teg head

head tegi ichida odatda quyidagi teglar joylashadi: title, meta, style, …

<title> tegi hujjat nomini belgilaydi, u brauzer yorlig'ida ko'rsatiladi.

<meta> tegi turli xil texnik ma'lumotlarni belgilash uchun ishlatiladi. Masalan, brauzerga HTML-hujjat kodini qanday tushunish kerakligini tushunishga yordam berishi mumkin (u oddiy matnni o'z ichiga oladi, agar eslayotgan bo'lsang).

<html>
    <head>
 <title> Escape character</title>
 <meta charset="utf-8" />
   </head>
    <body>
 
    </body>
</html>

3.3 Teglar body, p, b

<body> tegida brauzer tomonidan ko'rsatiladigan barcha html-matn joylashadi. Eng oddiy hujjat ko'rinishini ko'rsatish uchun teglar: <h1>, <p>, <b>, <br>

<h1> — bu juft teg, bu sening sahifang/sahifang maqolasining sarlavhasini belgilash imkonini beradi. Agar maqolang kattaroq bo'lsa va sarlavhalar kerak bo'lsa, bu uchun <h2>, <h3> va hokazo to <h6> dan foydalanish mumkin.

Misol:

<body>
 <h1> Mushuklar </h1>
          <h2> Mushuklar tavsifi</h2>
            mushuklarning batafsil tavsifi
          <h2> Mushuklar kelib chiqishi</h2>
              Mushuklar kelib chiqishi haqida ma'lumot.
          <h2> Mushuklar panjalari</h2>
              Mushuklar panjalari haqida katta maqola
</body>

Agar maqolang katta bo'lsa va uni o'qishni osonlashtirish uchun uni paragraflarga bo'lishni istasang, unda parsial teg <p> (paragraf so'zidan olingan) kerak bo'ladi. Matnni <p> va </p> teglari bilan o'rab, brauzer uni alohida paragraf sifatida ko'rsatadi.

Diqqat! Brauzer matningdagi satr ko'chirilishini va/yoki ortiqcha bo'shliqlarni e'tiborga olmaydi. Agar satr ko'chirilishini qo'shmoqchi bo'lsang, matnga <br> (dan break line) yakkalik tegini qo'sh.

Va eng yoqimlisi – matnni qalin rang bilan ajratish. Agar matnni qalin qilmoqchi bo'lsang, uni <b> </b> (dan bold) teglari bilan o'rab qo'y.