KompüterlərProqramlaşdırma

Mətn üçün HTML etiketləri: hizalama, ölçü, font

Nə demək olar ki, demək olar ki, hər bir administratorda mətn üçün HTML etiketlərini bilmək lazımdır ki, onları avtomatik olaraq yerləşdirən əlverişli bir vizual redaktor var?

Faktiki olaraq saytdakı məzmunun formatlaşdırılması ofis proqramlarında işləmələrdən tamamilə fərqlənir. Mətnin cəlbedici görünməsi üçün kifayət deyil, çünki düzgün dizayn yalnız veb-səhifənin görünüşünə deyil, axtarış sistemlərində də təbliğatına asılıdır.

HTML tags və atributları: sintaksis əsasları

Hər hansı bir mətndə, kompüterə nə və necə ekranda göstərilməsi lazım olduğu "izah edən" bir gizli kod var. Bütün məlumatlar universal ünsürlər dəstindən istifadə olunur.

Əslində, mətn üçün HTML etiketləri bir səhifəyə xüsusi blokları əlavə edən və ya görünüşünü dəyişən əmrlərdir. Giriş üçün düzgün format:

Bütün etiketlərin eşleştirilmediğini unutmayın. Məsələn,
(xətt atlama) və ya


(üfüqi bir xətt əlavə etmək) tamamilə bağlanmamağa ehtiyac yoxdur.

Niyə məqalə və digər proqramlardan sitat redaktoruna nəşr edə bilmirsiniz?

Müasir ofis proqramları mətn üçün eyni HTML etiketlərindən istifadə etsə də, 99% hallarda yerli kod veb səhifələrə uyğun deyil. Sənəd proqramın özündə normal görünsə belə, saytda yerləşdirildikdə formatlaşma baş verə bilər. Bundan əlavə, çox sayda lazımsız etiket və xüsusiyyətlərdən ötəri, axtarış motorları səhifənin məzmununu adekvat təhlil edə bilmir. Öz növbəsində, öz resursunuzu tanıtmaq çətin olur.

Təmiz və uyğun kod almaq üçün əvvəlcə müntəzəm redaktor tərəfindən yaradılan HTML etiketlərindən mətni təmizləyin. Bunun bir neçə yolu var:

  1. Məqaləni "Notepad" üzərindən "Run" və yalnız saytdakı bu yapıştırmadan sonra. Ərizə bütün HTML-ni silir, buna görə də mətni yenidən formatlaşdırmaq lazımdır (redaktorun əlindən və ya əlindən).
  2. LiveWriter vasitəsilə məqalələri yazın və dərc edin. Məşhur bir blog redaktoru dərhal düzgün kodu yaradır. Ayrı bir sekmede, saytdakı mətnin necə görünəcəyini görə bilərsiniz.
  3. HTML Temizleyicisini istifadə edin. Bu online xidmət bütün kodları tamamilə məhv etmir, ancaq əlavə fraqmentlər. Süzgəclərdən istifadə etmək üçün, qeyd etmək istədiyiniz yazıları seçin. Koda optimallaşdırılmış əmrləri əlavə edən formatlaşdırma üçün güclü bir vizual redaktor da var.

Yeni bir qeyd yazmadan əvvəl həmişə HTML-i yoxlayın. İndiyə qədər nəzərdən keçirəcəyimizdən başqa etiketləri olmamalıdır.

Paraqraflar

Bu element demək olar ki, bütün məqalələrdə mövcuddur. Hər bir paraqraf belə bir konteynerin içində yerləşdirilməlidir - formatlamanı asanlaşdırır və saytın bütün səhifələrində bir stil saxlamağa imkan verir. Rahatlıq üçün

etiketi həmişə yeni bir xəttdən yazılır.

Alignment

Ayrı bir HTML etiketi "Mətni hizalama" uzun müddət istifadə edilməmişdir. Bunun əvəzinə ALİUN universal xüsusiyyət yaradılmışdır. Mətn blokunun yerini səhifədə dəyişdirmək üçün 3 qiymətdən birini seçin - CENTER, SAĞ ya da LEFT. Eyni şəkildə, digər elementlər üçün bir hizalama təyin edə bilərsiniz - məsələn, başlıqlar.

Bəzi hallarda, digər HTML teqləri hizalamaq üçün istifadə olunur. Məsələn mərkəzli mətn

... elementindən istifadə etməklə təşkil edilə bilər. Ayrı bir etiket üçün nə rahatdır? Öznitədən fərqli olaraq, fotoşəkillər, videolar, flaşlar və s. Daxil olmaqla hər hansı bir məzmunla işləyir.

Mövzu və substrat

Alt başlıq sistemi məntiqi məzmun quruluşu yaratmağa imkan verir. Mətn semantik bloklara bölündüyündə, oxucu konsentrə olmaq və yeni məlumatları öyrənmək çox asandır. Axtarış motorları, səhifəni tanıtmaq üçün hansı istəkləri anlamaq üçün başlığı təhlil edir. SEO mütəxəssisləri tematik düymələrdən istifadə etməyi tövsiyə edir.

HTML-də altı alt başlıq istifadə olunur -

- dən

. Bu sistemdə aydın bir iyerarxiya var:

  • ... . Əsas mövzu (məqalənin adı, onlayn mağazada olan mallar və s.). Mətndə yalnız bir

    ola bilər. Bir qayda olaraq, əsas əsas var.

  • ... . İkinci səviyyə alt başlıqları mətni semantik bloklara çevirir. Məsələn, notebookların reytinqi varsa, müxtəlif modellərin adları ilə bir neçə

    edə bilərsiniz.

  • ... . İki

    arasındakı mətn kiçik bloklara bölünsə, üçüncü səviyyədə tələb olunur. Məsələn, hər bir model üçün "Performans", "Yaddaş", "Video kartı" və s. Qiymətləndirmə meyarları ola bilər.

  • ,

    ,
    . Praktikada onlar çox nadir hallarda olurlar. Amma ümumi prinsip eynidır - ən yüksək səviyyəli sub-başlığı ilə blokda "iç içə" olmalıdır.

Düzgün hiyerarşiyi izləmək. Bizim nümunəyə dönsək, bu, dərhal model adlarını

və ya

kimi daxil edə bilməzsiniz. Və hətta daha fərqli səviyyədə birbaşa mənbələr üçün müxtəlif səviyyələrdə (məsələn, reytinqdə sonuncu yeri tutan bir dizüstü kompüterə,
köməyi ilə istifadə etmək) istifadə etməkdir.

HTML-də başlıqların düzgün strukturunu anında anlamaq və yadda saxlamağa kömək edəcək bir sxem.

Siyahıları

İstənilən ədədlər və təlimatlar mətn üçün xüsusi HTML tags istifadə edərək siyahılarla daha yaxşı biçimlənmişdir (tipik bir səhv, bir tire ilə və ya rəqəmlə başlayan

yalnız bir neçə paraqrafdır).

Belə blokların strukturu çox sadədir. Birincisi, siyahının tipini -

    ... etiketli və ya
      ... saylıdır.

      Bütün elementlər açılış və bağlanma etiketləri arasındadır. Siyahıda olan hər bir element yeni bir xəttlə başlayır və

    1. ... formatına malikdir. Elementlərin sayı məhdud deyil.

      Font seçimi: və onun xüsusiyyətləri

      Bu HTML etiketini istifadə edərək nə dəyişə bilərəm? Mətnin ölçüsü, fontu və rəngləri - CSS-də yeni siniflər əlavə etmədən. Yalnız bir cümlə və ya parçanı seçmək üçün bu çox rahatdır.

      da bir neçə atribut var:

      • Üz . Mətn fontunu dəyişməyə imkan verir. Virgülle ayrılmış bir neçə variantları listeleyebilirsiniz (Tahoma, Verdana). İstifadəçinin yükləndiyi ilk yazı tipi yoxdursa, sistem sadəcə alternativdən istifadə edir.
      • Ölçü . Mətnin artırılması və ya azaldılması üçün qiymətləri 1 ilə 7 arasında göstərin.
      • Rəng . Dizayndan asılı olaraq, standart çalarlardan birini (qırmızı, yaşıl, mavi) seçə və ya seçmək üçün hər hansı bir rəng kodu daxil edə bilərsiniz.

      ilə formatlanmış paraqrafları alt başlıqlar yerinə istifadə etməyin. Doğru etiket üçün eyni parametrləri təyin etmək daha yaxşıdır.

      Mətn seçmək yolları

      Birbaşa mətn şinlər, hətta paraqraflar tərəfindən dağıdılır. Diqqət çəkmək və oxucu maraqlandırmaq üçün, əsas nöqtələri qrafiki olaraq qeyd etmək məsləhətdir. Bu vəzifəni yerinə yetirmək üçün kömək edəcək bir neçə əmr.

      ... . Çox məşhur HTML tag. Bold mətn dərhal göz vurur və buna görə də onun köməkliyi ilə vacib tezisləri və faktları qeyd etmək rahatdır.

      Bir çoxları etiketlərini qarışdırır. Görmə qabiliyyətində heç bir fərq yoxdur, lakin onlar müxtəlif yollarla işləyirlər. Birincisi sadəcə mətnin görünüşünü dəyişir, ikincisi isə "göstəricinin" funksiyasını yerinə yetirir və ən mühüm parçaları (SEO üçün tematik açar sözlər və ifadələr) vurğulayır.

      ... . Elegant və sərt italik elmi terminlərin, xarici sözlərin və müxtəlif qiymətlərin dizaynı üçün idealdır. Cazibədar nəşrlərdə sənət əsərləri də oblique mətn ilə fərqlənir.

      ... . Yəqin ki, bir çox mübahisələr heç bir HTML-tag gətirməmişdir. Mətnin altı çəkisi nadir hallarda istifadə olunur, çünki bu ayırma üsulu tarixən hiperlinklərə təyin edilmişdir. Əgər məqalələrdə istifadə etsəniz, bunun yalnız qısa fraqmentlər üçün uyğun olduğunu unutmayın - 1 satırdan çox olmamalıdır.

      ... . Mətnin bir hissəsini boş tutmağa imkan verən maraqlı bir etiket . Reklamlarda çox vacibdir - məsələn, köhnə və yeni qiymətlər arasındakı fərqləri vurğulamaq.

      ... . Hər hansı bir əlavə parametr olmadan font ölçüsünü artırmanın ən asan yolu.

      ... . Əvvəlki etiketi ilə eyni prinsip üzərində işləyir. Daxil olunan mətn əsas mətnə nisbətən azalır.

      ... . Bu forma doğru ad üst sübutdur. Əsasən, bu etiket riyazi dərəcələr və dipnotlar üçün nəzərdə tutulmuşdur. Bu font ölçüsünü azaldır və seçilmiş mətni yuxarıya keçir.

      ... . Alt yazı tez-tez müxtəlif formullarda tapılır. Seçilən fraqment əsas mətnin altındadır.

      Semantik konteynerlər

      Bəzi bloklar bir çox mətnlərdə tapıldığı üçün onlar üçün xüsusi etiketlər yaradılmışdır. Bu, formatlamanı asanlaşdırır, çünki hər bir məzmun növü özünəməxsus üslub dəstinə malikdirsə, mətnin bir parçasını seçmək və onun içindəki məlumatları göstərmək kifayətdir.

      ... . Kompüter kodlarını əlavə etmək üçün bir etiket. Proqramlaşdırma məqalələrində misallarla əvəzolunmazdır - əmrlər yerinə yetirilmir, lakin düz mətn kimi göstərilir.

      ... . Bu, kotirovkaların hazırlanması üçün nəzərdə tutulmuşdur - məsələn, müsahibədən əsas çıxarışlar.

      ... . Mətin bir hissəsini ayrı bir blokda alır. Varsayılan olaraq, seçimin solda böyük bir margin var, ancaq CSS-də siz də mətnin ölçüsünü, üslubunu və rəngini dəyişə bilərsiniz.

      ... . Əlavələr, o cümlədən, yazar haqqında məlumatları ehtiva edən əlavə tag.

      Ayrılıq xətti

      Sadə bir çubuğun istifadə edərək, böyük bir hissənin məntiqi sonunu təyin edə bilərsiniz.


      cütləşdirilmiş etiketlərə tətbiq edilmir. Bu, formatın bağlanma elementinin tələb olunmadığı anlamına gəlir.

      WIDTH xüsusiyyətindən istifadə edərək, pikseldən uyğun bir ölçüsü və ya pəncərənin genişliyi ilə ayırıcıyı qısaltmaq olar.

      HTML-də mətni formatlaşdırmaq üçün yazıları düzgün şəkildə necə istifadə edəcəyinizi öyrənməklə, məqalələrinizi oxumaq asan deyil, SEO-nun effektivliyini də artırırsınız.

Similar articles

 

 

 

 

Trending Now

 

 

 

 

Newest

Copyright © 2018 az.atomiyme.com. Theme powered by WordPress.