|
|
|
Monospace şriftlərində yazılmış yazılar , və teqlərindən istifadə etməklə yaradılır. Bu teqlərdən istifadənin nəticələri adətən eyni olur: sabit simvol ölçüsü və intervalı olan monospased şrift.
Tag Teq, proqram kodunun kiçik fraqmentlərini, məsələn, proqramlaşdırma təlimatını təmsil edən veb sənədinə daxil etmək üçün istifadə olunan daxili konteyner elementidir. Brauzerlər belə kodu monospace şriftində göstərirlər (məsələn, Courier New). Elementlə birlikdə ero istifadə etsəniz
Teq, mətni formatlaşdırmadan, yəni bütün boşluqları, nişanları və sətir fasilələrini qoruyub daxil etmək üçün istifadə olunur. Bu element daxilində əksər mətn formatlama elementlərini tətbiq edə bilərsiniz.
Diqqət: HTML-də sətir fasilələri, ardıcıl boşluqlar və nişanlar nəzərə alınmır. Ardıcıl bir neçə boşluq bir boşluq kimi qəbul edilir.
Misal: elementlərdən istifadə və Element daxilində Brauzer rastlaşdığı hər bir boşluğu və ya sətir fasiləsini dublikat edir, orijinal formatınızı qoruyur.
Əgər (document.getElementsByClassName) ( x = document.getElementsByClassName("pagination") if (x.length>y) ( x.style.visibility = "gizli"; )
"Ön" element daxilində brauzer rastlaşdığı hər boşluq və ya sətir fasiləsini təkrarlayır və orijinal formatınızı qoruyur.
if (document.getElementsByClassName) ( x = document.getElementsByClassName("səhifələşdirmə") if (x.length>y) ( x.style.visibility = "gizli"; )
Etiketlər və Teq, istifadəçinin klaviaturadan istifadə edərək daxil etdiyi kod parçasını qeyd edir. Bəzi brauzerlər belə mətni əlavə fonla qeyd edirlər.
Teq kompüter çıxışını yaratmaq üçün istifadə olunur, məsələn, nəzarət skriptini daxil etdikdən sonra konsol pəncərəsində görünən mətn. Nadir hallarda istifadə edilən bu element sadəcə məzmununu , , kimi monospalı şriftlə göstərir.
Misal: elementlər və
İstifadəçinin klaviaturadan daxil etməli olduğu mətni daxil edin
konteyner elementi "kbd".
Mətni daxil edin: Bu, klaviaturadan daxil edilən mətndir
Bu, "nümunə" qabına qoyulan mətndir
Tag Teq proqram kodunda dəyişənləri daha da vurğulamaq üçün istifadə olunur. O, riyazi ifadədə və ya proqram parametrində dəyişəni müəyyən edir və adətən kursivlə göstərilir.
Misal: elementlər Bədənin kinetik enerjisi:
Bədənin kinetik enerjisi:
Wк = mv2/2
Tapşırıqlar Yekun tapşırıq Bu dərsdə siz öz məzmununu monoboşluqlu şriftdə göstərən teqlər, koddakı dəyişənləri vurğulamaq və əvvəlcədən formatlaşdırma teqləri haqqında öyrəndiniz. Onların hamısı riyazi ifadələr və proqram kodu ilə işləyərkən vacibdir.
Öyrəndiklərinizi nəzərdən keçirməyin və üç sadə tapşırığı yerinə yetirməyin vaxtı gəldi:
Dəyişən HTML elementlərindən istifadə edərək yuxarıdakı tənlikdə y hərfini dəyişən kimi təyin edin.
Dəyişən
Parabola tənliyi y = Nx2
Dəyişən
Parabola tənliyi y = Nx2
Əvvəlcədən formatlaşdırılmış mətn HTML elementindən istifadə edərək, kod elementində yerləşdirilmiş mətnin brauzerdə bütün boşluqlar və sətir fasilələri olduğu kimi görünməsini təmin edin.
Giriş
bbCode - Bir çox bülleten lövhəsi sistemlərində (BBS) və forumlarda mesajları formatlaşdırmaq üçün istifadə edilən Bulletin Board Code və ya işarələmə dili. HTML teqlərinə bənzər teqlər mətni formatlaşdırmaq üçün istifadə olunur. HTML teqlərindən fərqli olaraq, bbCode teqləri kvadrat mötərizə içərisindədir. Səhifəni göstərməzdən əvvəl forum mühərriki mətni təhlil edir və bbCode-u HTML koduna çevirir.
Bir çox forumlarda BB kodlarından istifadə etmək imkanı administrator tərəfindən hər bir forum bölməsi üçün ayrıca konfiqurasiya edilir. Buna görə də mesajlarda BB kodlarından istifadə etməzdən əvvəl onlara icazə verildiyinə əmin olmalısınız.
Şriftin formatlaşdırılması
Mətnlə işləmək üçün əsas etiketlər:
[p] Abzas ilə normal abzas.
Üslub edilə bilən paraqraf.
* Bundan sonra “stil” HTML-də üslubun analoqudur.
mətn HTML-də oxşardır
mətn
** Siz [b], [i], [s] və s. kimi [p] teqləri olan digər teqlərdən istifadə edə bilərsiniz.
Stildən istifadə edərək xassələri dəyişdirilə bilən mətn.
Xüsusiyyətlərini (mövqe, haşiyələr, doldurma, məzmun xüsusiyyətləri və s.) dəyişdirmək üçün üslub edilə bilən məhdud sahə.
* Varsayılan olaraq, ərazi sərhədləri görünmür. Bir səhifədə eyni anda bir neçə sahə ola bilər.
Mətn formatı:
[b] Mühüm mətn, qalın
[i] Vacib mətn, kursiv
Sadəcə cəsarətli
Sadəcə kursiv
[u] Altını çizilmiş mətn
[s] Üzəri çəkilmiş mətn - seçimlə eynidir
Daha kiçik şrift
Yuxarıda qeyd işarəsi və ya mətnin altında indeks
Silinmiş mətn
Şrift ölçüləri:
13 nöqtəli şrift
15 nöqtəli şrift
Şrift ölçüsü 9 piksel
Şrift ölçüsü 12 piksel
Şrift ölçüsü 15 piksel
Ölçü 0
Ölçü +1
Ölçü +2
Mümkün şrift ölçüsü variantları (vizual qiymətləndirmə) mövcuddur.
Başlıqlar:
Səviyyə 1 başlıq
Səviyyə 2 başlıq
Səviyyə 3 başlıq
Səviyyə 4 başlıq
Səviyyə 5 Başlıq
Səviyyə 6 başlıq
Şriftlərdən istifadə edərək mətnin formatlanması:
Comic Sans Ms şrifti
Font Monotip Corsiva
Tahoma şrifti
Şrift növləri (adlar və vizual reytinq) üçün mümkün variantlar mövcuddur.
Rəngdən istifadə edərək mətnin bəzədilməsi:
Qırmızı mətn
* Rənglər üçün standart şifahi təyinatlardan istifadə edə bilərsiniz: Qırmızı, Yaşıl, Mavi və s.
Mavi mətn
* #0000ff rəqəmi RGB palitrasında mavi deməkdir.
Mavi fon
* Fon rəngi də dəyişdirilə bilər.
Mavi mətn, boz fon
Bəzi əvvəlcədən təyin edilmiş rənglər:
Qara Ağ Qırmızı Yaşıl Mavi Bənövşəyi Od Kərpici Maroon Narıncı Qırmızı GecəyarısıMavi Qarğıdalı ÇiçəyiMavi
Cyan Sarı Magenta Tünd Yaşıl Tünd Qızıl Çubuq Qızıl Orxideya Mavi Bənövşəyi Burlywood ŞaftalıPuff
Hex kodundakı bəzi rənglər qırmızı, yaşıl və mavi rənglərin intensivliyidir (RR GG BB):
#000000 #FFFFFF #FF0000 #00FF00 #0000FF #FF00FF #FF4444 #FF9999 #FFCCCC #9999FF #FF99FF #DDDDDD #FFE4C4 #CCCC99 #FF8DC #FA8072 #9900000 #9900000 #99000000 # #AFEEEE # 006400 #66FF00 #00B800 #DAA520 #FFCC33 #FFA500 #C71585 #8B008B #CC33FF
Rəng palitrası və onların kodları/adları üçün mümkün variantlar mövcuddur.
Mətnin uyğunlaşdırılması və paraqrafların formatlaşdırılması
Mətnin düzülüşü:
Mətni sola düzün
Üslubla sola düzülmə
Paraqrafda sola düzülmə
Mətnin mərkəzə uyğunlaşdırılması
Üslubla mərkəzə uyğunlaşma
Paraqrafda mərkəzə uyğunlaşma
Mətni sağa düzün
Üslubla düzgün uyğunlaşma
Paraqrafda sağa düzülmə
Mətni hər iki tərəfə düzün
Hər iki tərəfi üsluba uyğunlaşdırın
Hər iki tərəfdən bir paraqrafda hizalama
* Uzunluğu bir sətirdən çox olan mətnlər üçün hər iki tərəfdəki mətnlərin düzülməsi göstərilir.
Paraqraf girintisi ilə qeydlərin (şərhlərin) formatlanması:
[q] Sətirdə sitat gətirin
Xüsusiyyətlərə uyğun olaraq sitat gətirin
Mətn ayrı bir blokda sitat gətiriləcək
solda kiçik bir girinti və xüsusi dizayn (forum üslubu).
Nümunələr:
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet
Paraqrafların və sahələrin formatlanması:
Salam! Bu paraqrafda ilk cümlə "qırmızı" xəttdən olacaq, yəni. girintili. Kitab çapında olduğu kimi. Düzdür, bu, İnternetdə nadir bir təcrübədir. Paraqraflar sadəcə boşluqlarla ayrılmalıdır.
Əvvəlcədən formatlaşdırılmış mətn solda və sözlər arasında abzas saxlayır və boşluqlarla qeyd etdiyiniz abzasları təyin edir. Xəbərdarlıq! Etiket avtomatik olaraq xətti pozmur! Siyahıların formatlaşdırılması
Markerli siyahılar üçün və ya etiketindən istifadə edirik:
- Siyahı maddələrindən biri
- Başqa bir belə maddə
- Daha bir məqam.
[*] Başqa bir belə maddə
[*] Daha bir məqam.
Nömrələnmiş siyahılar üçün etiketdən istifadə edirik:
Siyahı maddələrindən biri
Başqa bir belə maddə
Daha bir məqam.
[*] Siyahı elementlərindən biri
[*] Başqa bir belə maddə
[*] Daha bir məqam.
Bağlama etiketinin istifadəsi tələb olunmur:
- Siyahı maddələrindən biri
- Başqa bir belə maddə
- Daha bir məqam.
[*] Siyahı elementlərindən biri
[*] Başqa bir belə maddə
[*] Daha bir məqam.
Siyahının növünü birbaşa təyin etmək də mümkündür:
- nömrələnmiş siyahı
- əlifba sırası
- Roma rəqəmləri ilə nömrələnmiş siyahı
Şəkillər
Http://img.cx/img/primer.jpg - şəkil daxil etmək nümunəsi.
Http://img.cx/img/primer.jpg - soldakı şəkil.
Http://img.cx/img/primer.jpg - sağdakı şəkil.
* Bu kod HTML-dəki koda bənzəyir:
Http://img.cx/img/primer.jpg - mərkəzdə şəkil.
* Bu kod HTML-dəki koda bənzəyir:
Adlar və alət ipuçları ilə oxşar teqlər:
Vacibdir! Şəklin başlığında dırnaq işarələrindən istifadə edə bilməzsiniz!
Http://img.cx/img/primer.jpg - şəkil daxil etmək nümunəsi.
Http://img.cx/img/primer.jpg - soldakı şəkil.
Http://img.cx/img/primer.jpg - sağdakı şəkil.
Http://img.cx/img/primer.jpg - mərkəzdə şəkil.
Göstərilən ölçüləri olan şəkillər:
Http://img.cx/img/primer.jpg - ölçüsü olan bir şəkil nümunəsi.
* Bu kod HTML-dəki koda bənzəyir:
Http://img.cx/img/primer.jpg - şəkil solda, ölçüsü ilə.
Http://img.cx/img/primer.jpg - sağdakı şəkil, ölçüsü ilə.
Sürüşdürmə çubuqları ilə böyük şəkillərin daxil edilməsi:
Http://www..jpg - forumda mövcud displey ölçüsündən böyükdürsə, seçilmiş sahədəki şəkil.
Ünvan - şəkli yeni pəncərədə açın.
* Bu kod HTML-dəki koda bənzəyir:
Ünvan - şəkli eyni pəncərədə açın.
* Bu kod HTML-dəki koda bənzəyir:
HTML xüsusi simvolları xarakter obyektləri adlanan qısa kod parçalarıdır. Onlar HTML-də xüsusi məna daşıyan simvolları, həmçinin klaviaturada mövcud olmayan simvolları göstərmək üçün istifadə olunur.
HTML-də xüsusi simvollar qorunan simvollar adlanır. Məsələn, sol () bucaq mötərizələri açılış və bağlanma teqlərini müəyyən etmək üçün HTML-də qorunur.
Klaviaturada mövcud olmayan simvollara müəllif hüququ simvolu (©) və riyazi dəyər pi kimi simvollar daxildir.
Əgər biz onları sənəddə istifadə etmək və brauzerdə göstərmək istəyiriksə, HTML simvol istinadlarından istifadə etməliyik.
Case Study Tutaq ki, siz HTML kodu blokunu veb-səhifədə göstərmək və element teqlərini göstərmək istəyirsiniz. Bunu sadəcə olaraq HTML blokunu içərisinə yerləşdirməklə edə bilərsiniz. Lakin siz tapa bilərsiniz ki, hətta , blok hələ də HTML kodu kimi qəbul ediləcək və brauzer tərəfindən müvafiq olaraq göstəriləcək. Bu halda, brauzerin kodu təhlil etməsinin qarşısını almaq üçün bütün HTML xüsusi simvollarını müvafiq simvolik keçidlərlə əvəz edə bilərsiniz:
Bu maddələrin siyahısıdır.
- Siyahı maddəsi A
- Siyahı maddəsi B
- Siyahı elementi C