HTML Kodlari

HTML
KODL
va
< ARI html> </html> – HTML tilining (dastur) boshlanishi
tugashi.
Sarlavha yozish uchun: <head> </head> tеglari yoziladi.
<title>, </title> – web-sahifaning sarlavha satri, hujjat nomi
<meta>, </meta> – web-sahifa haqidagi ma'lumot, ya’ni izoh berish
<BODY> tegi atributlari:
BGCOLOR – hujjat fonining ranglarini belgilaydi.
BACKGROUND – fondagi tasvir sifatida foydalaniluvchi tasvirning URL-manzilini

belgilaydi.
LEFTMARGIN – chap chegaralarni piksellarda belgilaydi.
RIGHTMARGIN – hujjat o‘ng chegarasini piksellarda o‘rnatadi.
BOTTOMMARGIN – hujjatning quyi chegaralarini piksellarda belgilaydi.
TOPMARGIN – yuqori chegarasini piksellarda o‘rnatadi.
TEXT – matn rangini aniqlaydi.
ALINK – faol gipermurojaat (ссылка)ning rangini belgilaydi.
LINK – hali ko‘rib chiqilmagan gipermurojaatning rangini belgilaydi.
VLINK – ishlatilgan gipermurojaat rangini belgilaydi.
SCROOL – brauzer darchalari harakatlantirish (prokrutka) yo‘laklarini o‘rnatadi.
<p>, </p> tеglari ular orasidagi matnni aloxida abzats koʻrinishida yozilishini ta’minlaydi.
<pre>, </pre> teglar orasiga kod oynasida ma’lumot qanday yozilsa, brouvzerda shu
holatda koʻrinadi.
Agar yozuvni yangi abzatsdan emas, yangi qatordan boshlash kеrak boʻlsa, <br> tеgidan
foydalanish mumkin.
<h1 … >Sarlavha </h1>
align=“left, center, right, justify” – sarlavhani chap, o‘rta, o‘ng, ikki yonga
tartiblash
color=“rang” – sarlavhaga rang berish.
Matnlar shriftining shakli, o‘lchami, rangini ham o‘zgartirish mumkin. Buning uchun
<font>, </font> tegidan foydalaniladi. Ochiq va yopiq teglar orasiga yozilgan matnning shriftini
o‘zgartirishda quyidagi atributlar (va uning parametrlari) qo‘llaniladi:
<font …>
face = “Times New Roman” – shriftning shakli (Verdana, Tahoma, Arial)
size = “4” – shriftning o‘lchami (1 – 7 oraliqda)
color = “red” – shriftning rangi (rang nomlari yoki 16 lik kodi)
Masalan,
<font face = “Arial Black” size = “5” color = “blue”> Web-dizayn </font>
<font face = “Verdana” size = “7” color = “red”>Web-dizayn HTML tili </font>
№ Rang 16 lik kodi Yozilishi Ranglar
1 Qora #000000 Black
2 Kumush rang #C0C0C0 Silver
3 Kulrang #808080 Gray
4 Оq #FFFFFF White
5 To‘q jigar #800000 Maroon
6 Qizil #FF0000 Red
7 Binafsharang #800080 Purple
8 Yashil #008000 Green
9 Sariq #FFFF00 Yellow
10 Ko‘k #0000FF Blue
11 Moviyrang #00FFFF Aqua
12 Pushti rang #FFCCFF Pink
13 Olov, sabzirang #FF6633 Orange
…
Atribut nomi Vazifasi
Size Gorizontal chiziqning qalinligi. Eng katta ulcham 5 piksеlni qoʻllash tavsiya
etiladi.
Width Chiziqning enini bеlgilaydi, piksel yoki foizlarda beriladi.
Align Chiziqning joylashishi: brauzеr oynasining chap tomonida, oʻng tomonida,

oʻrtasida.
Color Chiziqning rangi
noshade Chiziqning tashqi koʻrinishini bеlgilaydi.
Elеmеnt Vazifasi
<b>, </b> Qalinlashtirilgan matn (polujirnшy)
<i>, </i> Qoʻlyozma shaklidagi matn (kursiv)
<u>, </u> Tagi chizilgan matn (podchеrknutiy)
<tt>, </tt> Harflar oraligʻini kеngaytirish
<big>, </big> Kattalashtirilgan matn
<small>, </small> Kichiklashtirlgan matn
<sub>, </sub> Pastki indеks
<sup>, </sup> Yuqori indеks
Fizik stillarni ishlatish qoidasi:
1. Matnni kiriting.
2. Matn oldiga kursorni olib kеlib kеrakli tеgni ochuvchisini yozing.
3. Matn oxiriga kursorni olib kеling.
4. Yopuvchi tеgni yozing.
<b> Qalinlashtirilgan matn (polujirniy)</b><br />
<i> Qoʻlyozma shaklidagi matn (kursiv) </i><br />
<u> Tagi chizilgan matn (podchеrknutiy)</u><br />
<tt> Harflar oraligʻini kеngaytirish </tt><br />
<big> KATTALAShTIRILGAN MATN</big><br />
<small> kichiklashtirilgan matn</small><br />

C<sub>n</sub><br />
ax<sup>2</sup>+bx+c=0<br />
Mantiqiy stillar:
Elеmеnt Vazifasi
<em>, </em> <i> tеgiga analog tеg.
<strong>, </strong> <b> tеgiga analog tеg.
<cite>, </cite> Mazkur xujjatniga sitata kеltirish.
<dfn>, </dfn> Dastur kodi
<samp>, </samp> Programmaning ishlashiga misol. Oldingisi kabi ishlaydi.
<kbd>, </kbd> Klaviaturadan kiritiladigan matn
<var>, </var> Oʻzgaruvchi yoki miqdor
<abbr>, </abbr> Abbrеviatura
<acronym>, </acronym> Akronim
Atribut (va
Ro‘yxat turi
parametrlar) nomi
type Ro‘yxat turini belgilash, ya‘ni raqamli yoki harfli
type=“A” Katta (lotin) harflardan tuzilgan ro‘yxat
type=“a” Kichik (lotin) harflardan tuzilgan ro‘yxat
type=“I” Katta (Rim) raqamlaridan tuzilgan ro‘yxat
type=“i” Kichik (Rim) raqamlaridan tuzilgan ro‘yxat
type=“1” Raqamlardan tuzilgan ro‘yxat (odatda type ishlatilmaganda ham

raqamlar yoziladi)
start Ro‘yxatning boshlanish tartib raqamini belgilash

start=“5” Ro‘yxat 5-raqamdan yoki harflarning 5-tartib raqamidagi harfdan
boshlanadi
<ol>Viloyatlar Viloyatlar <ol type=“A” start=“5”> <ol type=“I” start=“5”>
<li>Jizzax</li> <ol type=“a”> <li>Jizzax</li> <li>Jizzax</li>
Roʻyxat <li>Samarqand</li> <li>Jizzax</li> <li>Samarqand</li> <li>Samarqand</li>

hosil
<li>Buxoro</li> <li>Samarqand</li> <li>Buxoro</li> <li value=9>Buxoro</li>
qilish
kodi <li>Xorazm</li> <li>Buxoro</li> <li>Xorazm</li> <li>Xorazm</li>
</ol> <li>Xorazm</li> </ol> </ol>
</ol>
Viloyatlar Viloyatlar
1. Jizzax a. Jizzax E. Jizzax V. Jizzax

Roʻyxat 2. Samarqand b. Samarqand F. Samarqand
ko’ri- 3. Buxoro c. Buxoro G. Buxoro VI. Samarqand
nishi 4. Xorazm d. Xorazm H. Xorazm
IX. Buxoro
X. Xorazm
HTMLda belgili ro‘yxat hosil qilish uchun <ul>, </ul> tegidan foydalaniladi.
Atribut nomi Ro‘yxat turi
type Ro‘yxat turini belgilash, ya‘ni aylana, doira, kvadrat
type=“square” Kvadratlardan tuzilgan ro‘yxat
type=“circle” Aylanalardan tuzilgan ro‘yxat
type=“disc” Doiralardan tuzilgan ro‘yxat
HTML tilining teglari.

<HTML>...</HTML> web sahifa boshlanishi va yakunlanishini bildiradi.
<HEAD>...</HEAD> web sahifa sarlavha bo`limi boshlanishi va yakunlanishini bildiradi.
<BODY>...</BODY> web sahifa ma`lumotlar bo`limi boshlanishi va yakunlanishini bilidiradi.
<TITLE>...</TITLE> web sahifa nomini kiritish uchun qo`llaniladi.
<BR> bir satrga sig`maydigan matn davomini yangi satrga o`tkazadi.
<H1>,<H2>...</H1>,</H2> pog`ona sarlavhalar hisoblanib matn har doim qalin va katta
shiriftda ko`rsatiladi.
<P> bo`sh satr qoldirib, keyin matnni ekranga yozadi. Bu teg faqat abzats boshlanishida
yoziladi.
<B>...</B> matnni qalin shiriftga o`tkazadi.
<I>...</I> matnni og`ma shiriftga o`tkazadi.
<U>...</U> matnni tag shiriftli chiziqqa o`tkazadi.
shiriftni o`zgartirgandan so`ng asosiy shiriftga o`tkazadi.
<body background=”rasm manzili”>
<IMG SRC=”rasm manzili”> rasm joylashtirish uchun qo`llaniladi.
WIDTH joylashtirilayotgan rasmning eni (kengligi) o`lchami.
HEIGHT joylashtirilayotgan rasmning bo`yi (balandligi) o`lchami.
BORDER rasm atrofida qora ramka hosil qilish uchun ishlatidai.
<INPUT TYPE=”submit” VALUE=”formani jo`natish”>
formadagi ma`lumotlarni kerakli joyga
jo`natadi.
<INPUT TYPE=”reset” VALUE=”formani tozalash”> formadagi barcha ma`lumotlarni o`chirib,
ma`lumotlarni yangilash imkonini beradi
<SELECT>...</SELECT> forma hosil qilishda tanlash imkoniyatini beradi.
<SELECT OPTION> ro`yxat elementlari kiritiladi.
<SELECT MULTIPLE> bir nechta qiymat tanlash imkoniyati berilishi zarur bo`lganda ishlatiladi.
<!- - -...- - ->-izoh.Shu belgi orasiga joylashtirilgan ixtiyoriy matn izoh deb qaraladi.
<A>...</A> -hujjatga giperaloqani o’rnatish.
<ABBR>...</ABBR> -o’z matnini abbreviatura (qisqartma) sifatida tasvirlaydi.
<ACRONYM>...</ACRONYM> - abbreviaturalarni belgilash uchun ishlatiladi.
<ADRESS>...</ADRESS> -hujjat muallifini belgilash va adresini ko’rsatish uchun ishlatiladi.
<BASEFONT>...</BASEFONT>-hujjatda avvaldan qabul qilingan shriftni o’lchami , turi va
rangini ko’rsatish uchun ishlatiladi.
<BIG>...</BIG>- katta o’lchamdagi matnni ko’rsatadi.
<BLINK>...</BLINK>-o’chib-yonib turuvchi matnni tasvirlaydi.
<BODY>...</BODY> -Web sahifani to’ldiruvchi matn ,deskriptirlar va boshqa ma’lumotlarni
aniqlaydi.
<CAPTION ALIGN =(TOP yoki BOTTOM)>...<CAPTION>
- jadval sarlavhasi tegi
<DEL>...</DEL>-o’z matnini o’chirilgan sifatida aniqlaydi.
<DFN>...</DFN>-o’z matn qismini ta’rif sifatida aniqlaydi.
<DL>...</DL>-ta’riflar ro’yxatini ko’rsatadi.
<EM>...</EM>-matnning zarur qismini kursiv bilan tasvirlaydi.
FONT>...</FONT>-shrift parametrlarini ko’rsatadi. Parametrlar:FACE-shrift turi, SIZE-
shrift o’lchami, COLOR-shrift rangi.
<HR> -gorizontal chiziq qo’yadi.
<IMG>-rasm joylashtiradi.
<INS>...</INS>-o’z matnini orasiga joylashtirilgan kabi aniqlaydi.
<LI>-ro’yxatdagi har bir element boshlanishini bildiradi.
<OL>-to’liq tartiblangan ro’yxatni bildiradi.
<Q>...</Q> -qisqa sitatalarni matn satrida belgilydi.Odatda kursiv shaklida ifodalanadi.

HTML Kodlari

Uploaded by

Copyright:

Available Formats

You might also like

HTML Kodlari

Uploaded by

Document Information

Original Title

Copyright

Available Formats

Share this document

Share or Embed Document

Sharing Options

Did you find this document useful?

Is this content inappropriate?

Copyright:

Available Formats

HTML Kodlari

Uploaded by

Copyright:

Available Formats

HTML

Sarlavha yozish uchun: <head> </head> tеglari yoziladi.

<title>, </title> – web-sahifaning sarlavha satri, hujjat nomi

<meta>, </meta> – web-sahifa haqidagi ma'lumot, ya’ni izoh berish

<BODY> tegi atributlari:

BGCOLOR – hujjat fonining ranglarini belgilaydi.

BACKGROUND – fondagi tasvir sifatida foydalaniluvchi tasvirning URL-manzilini

LEFTMARGIN – chap chegaralarni piksellarda belgilaydi.

RIGHTMARGIN – hujjat o‘ng chegarasini piksellarda o‘rnatadi.

BOTTOMMARGIN – hujjatning quyi chegaralarini piksellarda belgilaydi.

TOPMARGIN – yuqori chegarasini piksellarda o‘rnatadi.

TEXT – matn rangini aniqlaydi.

ALINK – faol gipermurojaat (ссылка)ning rangini belgilaydi.

LINK – hali ko‘rib chiqilmagan gipermurojaatning rangini belgilaydi.

VLINK – ishlatilgan gipermurojaat rangini belgilaydi.

SCROOL – brauzer darchalari harakatlantirish (prokrutka) yo‘laklarini o‘rnatadi.

<h1 … >Sarlavha </h1>

face = “Times New Roman” – shriftning shakli (Verdana, Tahoma, Arial)

size = “4” – shriftning o‘lchami (1 – 7 oraliqda)

color = “red” – shriftning rangi (rang nomlari yoki 16 lik kodi)

№ Rang 16 lik kodi Yozilishi Ranglar

1 Qora #000000 Black

2 Kumush rang #C0C0C0 Silver

3 Kulrang #808080 Gray

5 To‘q jigar #800000 Maroon

6 Qizil #FF0000 Red

7 Binafsharang #800080 Purple

8 Yashil #008000 Green

9 Sariq #FFFF00 Yellow

10 Ko‘k #0000FF Blue

11 Moviyrang #00FFFF Aqua

12 Pushti rang #FFCCFF Pink

13 Olov, sabzirang #FF6633 Orange

Width Chiziqning enini bеlgilaydi, piksel yoki foizlarda beriladi.

Align Chiziqning joylashishi: brauzеr oynasining chap tomonida, oʻng tomonida,

Color Chiziqning rangi

noshade Chiziqning tashqi koʻrinishini bеlgilaydi.

<b>, </b> Qalinlashtirilgan matn (polujirnшy)

<i>, </i> Qoʻlyozma shaklidagi matn (kursiv)

<u>, </u> Tagi chizilgan matn (podchеrknutiy)

<tt>, </tt> Harflar oraligʻini kеngaytirish

<big>, </big> Kattalashtirilgan matn

<small>, </small> Kichiklashtirlgan matn

<sub>, </sub> Pastki indеks

<sup>, </sup> Yuqori indеks

Fizik stillarni ishlatish qoidasi:

<i> Qoʻlyozma shaklidagi matn (kursiv) </i><br />

<u> Tagi chizilgan matn (podchеrknutiy)</u><br />

<tt> Harflar oraligʻini kеngaytirish </tt><br />

<big> KATTALAShTIRILGAN MATN</big><br />

<small> kichiklashtirilgan matn</small><br />

<em>, </em> <i> tеgiga analog tеg.

<strong>, </strong> <b> tеgiga analog tеg.

<cite>, </cite> Mazkur xujjatniga sitata kеltirish.

<dfn>, </dfn> Dastur kodi

<samp>, </samp> Programmaning ishlashiga misol. Oldingisi kabi ishlaydi.

<kbd>, </kbd> Klaviaturadan kiritiladigan matn

<var>, </var> Oʻzgaruvchi yoki miqdor