Informatsion texnologiyalar: web-sahifalar

Matnning o‘qilish yo‘nalishini o‘zgartirish mumkin
Bu kodning bajarilishi quyidagi natijaga olib keladi:
nikmum shiritragzo‘ inishilano‘y shiliqo‘ gninntaM
Bunga ishonch hosil qilish uchun ushbu matnni o‘ngdan chapga o‘qib ko‘ring. Endi quyida keltirilgan jadvaldagi bir qancha ko‘rinmas, ammo kerakli ishlarni bajaradigan kodlar ro‘yxatini ko‘rib chiqing:

Ramz kodi	Raqamli kod (HTML)	Kodning nomi
9		Tabulyator
10		Qator oxiri (line feed)
12		Sahifa oxiri (form feed)
13		Karetkani qaytarish (carriage return)
32		Probel
45	-	Defis
160		Uzluksiz probel
173	­	Oddiy o‘tish
8203	​	Nol kenglikdagi probel

Endi quyidagi matnni formatlashtirish elementlari joylashtirilgan HTML tilidagi dastur bilan yaqinroq tanishib chiqib va keyin uni kompyuterga kiritib, natijasini ko‘rsangiz, bilimlaringizni ancha mustah- kamlashingiz mumkin:

border=0 width=150 height=24>



F size=5>Formatlashtirish elementlari
^format_lashtirish size=2>m size=3 color="blue">a size=4
color="green">t color="maroon">n color="fuchsia">n size=7 color="orange">i

---

Birinchi matn abzatsi.
Ikkinchi matn abzatsi.
align=center> Markazlashtirilgan matn.
Meni bir marta turtgin
BQ elementining ishlatilishi
B elementining ishlatilishi
BIG elementining ishlatilishi
SMALL elementining ishlatilishi
EM elementining ishlatilishi
I elementining ishlatilishi
STRIKE elementining ishlatilishi
Oddiy matn va SUB elementi
Oddiy matn va SUP elementi
TT elementining ishlatilishi
U elementining ishlatilishi
CENTER elementining ishlatilishi

DIV elementining ishlatilishi

BLINK elementining ishlatilishi
BR elementi qatorda uzilish
hosil qiladi
Ushbu qator uzun bo‘lgani bilan brouzer tomonidan uzil- masligi kerak, chunki bu qator matni NOBR elementi ichida turibdi

---

PRE elementining ishlatilishi.
U matnning brouzer tomonidan Formatlashtirilishini man qiladi va uni foydalanuvchi tomonidan
aniqlanganidek ekranga
chiqaradi.

---

PRE elementining ichida ilova ham ishlatish mumkin: Turtgan (hujjat boshiga o‘tish)

---

PRE elementida LF va CR ramzlarini ishlatish. Qator davomi.

---

Matn yo‘nalishini o‘zgartirish mumkin
Harakatlanuvchi qator (Internet Explorer da ishlaydi)
1
Harakatlanuvchi qator
2

---

Shriftlarning absolyut kattaligini berish

size=7> Shrift kattaligi 7
size=6> Shrift kattaligi 6
size=5> Shrift kattaligi 5
size=4> Shrift kattaligi 4
size=3> Shrift kattaligi 3
size=2> Shrift kattaligi 2
size=1> Shrift kattaligi 1

---

Shriftning nisibiy kattaligini berish

size=+4> Shrift kattaligi +4
size=+3> Shrift kattaligi +3
size=+2> Shrift kattaligi +2
size=+1> Shrift kattaligi +1
size=+0> Shrift kattaligi +0
size=-1> Shrift kattaligi -1
size=-2> Shrift kattaligi -2

---

color="green"> shriftning yashil rangi berilgan
Courier turiga mansub shrift
bgcolor="white" background="fon02.gif">
src="soder.jpg" alt="Titul sahifaga"
border=0 width=150 height=24>



size=6 > Ma’no elementlari

---

ABBR elementining ishlatilishi: WWW

Bu yerda tsitata turishi kerak (BLOCKQUOTE elementi)

> INS elementining ishlatilishi
DEL elementining ishlatilishi

Q elementining ishlatilishi
EM elementining ishlatilishi >

STRONG elementining ishlatilishi
CODE elementining ishlatilishi
SAMP elementining ishlatilishi
KBD elementining ishlatilishi
VAR elementining ishlatilishi
CITE elementining ishlatilishi

Format elementi bunday bo‘ladi (ADDRESS elementi)

ACRONYM elementining ishlatilishi
bgcolor=#9AC159>
border=0 width=150 height=24>

 

Stillarni ishlatish

Sahifa nomi 2 (qayta aniqlangan)

Sahifa nomi 3 (dasturiy)

---

Biror-bir stil yordamida formatlashtirilmagan matn (ya’ni dasturiy format)
letter-spacing: 1.2pt"> 0;font-size: 10pt; font-style: italic; color: blue">
Ushbu abzats uchun o‘z (inline) stili ishlatilgan
.
STYLE elementiga berilgan bu stil sahifaning barcha R abzatslari uchun ishlatiladi, xususan bunda birinchi qatorning surilishi tanlangan
CODE elementining xususiyatlarini qaytadan aniqlash mumkin. Masalan, fonni qayta aniqlash mumkin
Bu ham CODE elementi, lekin u background="white" atributi bilan
Agarda CODE elementi R elementi ichiga joylashtirilgan bo‘lsa, ushbu stil ishga tushadi

---

bgcolor="white">
alt="Titul sahifaga"
border=0 width=150 height=24>

> klasslarni ishlatish

formatlashtirishsiz abzats matni
>abzats matni () – kichik bosma harflar «effekti».

> abzats matni () - kursiv va harflar rangi.
abzats matni ()– harflar orasiga bo‘sh joy qo‘shilgan.

Nom“>

sahifa

birinchi abzats
ikkinchi abzats

sahifa

Nomi“>Matn 1 Matn 2
bgcolor="white">
border=0 width=150 height=24>

Sahifaning yuqori qismi
bgcolor="white">

---

Sahifaning chap qismini doimo torroq qililinadi va unga ilova yoki indeks joylashtiriladi

---

bgcolor="lime">

---

size=5 color="blue">Sahifaning o‘ng qismi

---

Bu scrolling atributi bir maydon ichida surib-kurilishni boshqaradi.
U YES, NO va AUTO qiymatlarini qabul qilishi mumkin.
Agarda bu atribut bo‘lmasa, brouzer surib-kurish elementlarini ajrati- lgan maydonga sig‘magan hujjatlar uchun hosil qiladi. Surib-ko‘rishni ma’n qilgan holda banner hosil qilish mumkin.
bgcolor="white">
Sahifaning pastki qismi
bgcolor="aqua">
alt="Titul sahifaga"
border=0 width=150 height=24>

Asosiy sahifa

---

Keyingi sahifa

---

Asosiy sahifa (Main.htm) freymlarga ega emas, qolgan ikkita sahifa esa standart printsiplar asosida qurilgan, ya’ni ularda chap tomonda menyu va o‘ng tomonda ma’lumotlar joylashgan. Bu misolda freymlarning joylashishini Frame1.htm fayli aniqlab beradi. Ko‘pchilik saytlar shunday tuzilishga ega. Undan tashqari bunday o‘zaro bog‘liq sahifalar zanjirini virtual kitoblar, tasvir galereyalari tashkil qilishda ishlatish juda qulay. Chunki bunda foydalanuvchi sahifalarni ketma-ket tartibda ko‘rib chiqishi mumkin.
Sahifalararo o‘tish uchun ilovalarni ishlating.
alink="red">

1-raqamli o‘ngdagi freym

Oldingi sahifa
    
Keyingi sahifa

---

text="black" bgcolor=#9AC159 link="blue" vlink="purple" alink="red">

2-raqamli o‘ngdagi freym

---

Oldingi sahifa     
Asosiy sahifa

---

text="black" bgcolor="gold" link="green" vlink="purple" alink="red" >

Menyu

---

Asosiy
O‘ngdagi birinchi
O‘ngdagi ikkinchi

---

border=0 width=150 height=24>