January 9, 2022

Html da boshlang`ich teglar

<!DOCTYPE html>

<html></html>

<head></head>

<body></body>

<title></title>

<meta charset="UTF-8">

<meta name="viewport" content="width=device-width, initial-scale=1.0">

Assalamu alaykum bugun biz sizlar bilan yuqorida berilgan teglar bn tanishamiz uning uchun siz VS code ni kompuyuteringizga ornatgan va u bn qanday ishlash kk ligini bilishingiz kk


VS code haqida qisqacha

https://code.visualstudio.com/ ushbu saytga kirib kkli operatsion sistemani(windows,macOS ,Linux) tanlab download tugamsini bosamiz

va chiqgan qora oynadan open Folder tugmasini bosib biror papkani vibor papka qilib olamiz va new file tugmasini bosib kkli papkamizni ochamiz biz hozir htmlda ishlaymiz shu uchun index.html db saqlaymiz

avvalo teg nma ?

Teg - browser ga buyruq beruvchi yozuv . bizga teglar browser da korinmaydi faqatgina u bergan buyruqlargina korinadi

teglar 2 xil boladi

single tegs - yakka holda keluvchi teglar Ex: <br />

container tegs - biror narsani orab turuvchi teglar Ex:<html></html>

index.html papkamiz ichidan yozishni boshlaymiz

<!DOCTYPE html> bu teg emas ( batafsil malumot https://www.w3schools.com/html/html_intro.asp html history {faqat ingliz tilida} )

<html></html> bu teg container teg hisoblanadi browser html kod yozilvotganini bilishi kk bu teg asosiy container teg ham db nomlanadi sababi barchaa html teglari shu teg ichida yoziladi

<head></head> korib turganingizdek bu ham contanier teg bu ham yozilishi shart bolgan teg hisoblanadi bu teg ichiga sanoqli teglar yoziladi asosiy ulanuvchi qoshimcha link yoziladi bizga korib turuvchi tepada sayt nomi ham aynan shu teg ichida yoziladi soddaroq qilib saytning boshi (miyyasi ) boshqarilish markazi desak ham boladi
<body></body> vazifa ekranga korinadigan barcha teglar shu teg ichida yoziladi

endi <head> tegi ichida gi malum yozilshi kk bolgan teglar bn tanishamiz

<title>Html 1-dars </title> saytimizning nomi

<meta charset="utf-8" /> bu teg yozuvlarni kompuyuter tiliga ogirib beradi

<meta name="viewport" content="width=device-width, initial-scale=1" /> telefon yoki boshqa olchamli qurulmalarda togri ochishligi uchun ishlatiladi

bularning barchasi <head> ichida yoziladi

yuqorida yozganlarimizning bari barcha html elementlarda yoziladi shu sababli dasturchilarga qulay bolishi uchun shift +1 (windowsda) yaniy ! belgisi chiqadi ana shuni bossangiz sizga aynan quyidagi oynani ochib beradi siz qayta qayta yozib otirmaysiz

siz faqatgina title ichiagi nomni ozgartirasiz holos

bugungi maqolamiz shulardan iborat

Assalamu alaykum va rohmatullohi va barokatuh