Siz Bloggersiniz? Sonra bəzi HTML kodlarını bilməkdən faydalanacaqsınız

Haqqında qarışıq HTML kodu? Siz tək deyilsiniz.


Etiraf edərəm. İnternet üçün yazmağa başlayanda zilch haqqında bilirdim HTML kodu. Bir daha etiraf edəcəm. Hələ çox şey bilmirəm.

Bununla birlikdə, HTML üçün kiçik bir məlumatın veb üçün yazarkən hər şeyi asanlaşdıracağını gördüm.

hiper mətn işarələmə dilini öyrənmək

Əlbətdə, mən bir veb saytını necə quracağımı bilmirəm, amma kiçik komponentləri necə çimmək lazım olduğunu bilirəm və HTML kodu tələb edən bir tənzimləmə sistemi ilə qarşılaşdığım zaman – çox güman ki, çox keçəcəksiniz – bilirəm mətnimi düzgün formatlamaq üçün kifayətdir.

Bu qarışıqlığı aradan qaldırmaq və HTML kodlaşdırma haqqında bir az məlumat əldə etmək istəyirsiniz? Gəlin başlayaq.

HTML kodu nədir?

Siz bunu görmüsünüz, amma HTML tökülməsinin nə demək olduğunu bilmirsiniz.

Üçün dayanır Hipertekst işarələmə dili. HTML sənədlərin formatlanması üçün istifadə olunan standart bir sistemdir. Istifadə olunan kodlar, işarələmə etiketləri adlanır – şrift, mətn ölçüsü, rəng, hiperlink, paraqraf və daha çoxunu formatlaya bilər.

Veb brauzerlər HTML oxuyur və etiketləri məzmunun necə göstəriləcəyini müəyyən etmək üçün istifadə edirlər. Etiket nümunəsi, bu kimi görünən qalın mətn yaradan biridir:

Bu qalın mətndir.

Səhifədə belə görünür:

Bu qalın mətndir.

İllər ərzində HTML-nin bir çox versiyası olmuşdur, lakin 2014-cü ilin oktyabr ayına kimi HTML5 veb-nin standart işarələnmə dildir.

Bloggerlər üçün niyə yaxşıdır

Bir blogger kimi heç bir HTML bilmədən və bunun əvəzinə bir az aldadıcı bir şey etmədən əldə edə bilərsiniz – məsələn, formatınızı HTML dilinə çevirən bir proqramdan istifadə etmək kimi – Bir neçə əsas etiket bilmək blog yazmaqda həqiqətən kömək edə bilər.

Şəxsən faydalı hesab etdiyim bəzi vəziyyətlər:

  • Qonaq bloq yazarkən bəzi saytlar müəllifinizin bio formatını HTML formatında yazmasını istəyirlər. Bir az biliklə, lazım olduqda bağlantılar və kursivlər əlavə edə bilərsiniz.
  •  Bir şey görünməyincə, səhifədəki HTML-ə nəzər yetirə və problemin nəyə səbəb olduğunu görə bilərsiniz.
  •  İnternet şəbəkəsində, blog yazılarını və forum şərhlərini formatlamaq üçün HTML etiketlərindən istifadə edə bilərsiniz.
  •  HTML haqqında kifayət qədər məlumat əldə edirsinizsə, CSS haqqında bir az öyrənməyə başlaya bilərsiniz və bir dizayner işə götürmədən veb saytınıza kiçik çarpmalar edə bilərsiniz..

Ümumi kodlar Bloggerlərin istifadəsi

Çox dərinə tullanmadan əvvəl, HTML etiketlərinin bucaq mötərizədə yerləşdirilmiş açar sözlər olduğunu bilin. Bu etiketlər cüt-cüt gəlir və başlanğıc etiketi və son etiket arasındakı mətn təsirlənəcəkdir. Son etiket başlanğıc etiketi ilə eyni şəkildə yazılmışdır, lakin etiket adından əvvəl bir çizgi istifadə edir.

Çaşqın səs? Bir neçə misal gətirsəm daha asandır. Bir blogger kimi bilməli olduğunuz bəzi ümumi HTML etiketlərinə nəzər salaq.

Skelet Tagları

Əvvəlcə skelet etiketləri gəlir. Bunlar mütləq istifadə etməyəcəyiniz şeylərdir, ancaq bunları bilməkdə kömək edir. Bu etiketlər sənədin əsasını qoyur, beləliklə “skelet etiketləri” termini. Veb səhifə tərəfindən oxunacaq, lakin vizual elementlərə çevrilməyəcəklər.

Buna baxmayaraq, bilmək yaxşıdır. Məsələn, veb saytınızın “baş” bölməsinə kod qoymağı xahiş edən bir proqramla işləmisinizmi? Bunu bir az HTML biliyi ilə tapa biləcəksiniz. Beləliklə, bilməli olduğunuz bir neçə skelet etiketi var:

  • : Bu bölmə HTML sənədini təsvir edir.
  •   : Bu bölmə sənəd haqqında məlumat verir.
  •   : Bu sənədin başlığını təmin edir.
  •   : Bu vizual səhifə elementlərini təsvir edir. Səhifənin bədən hissəsində bloggerlər lazım olduqda tez-tez HTML çimdiklərini düzəldəcəklər. Qeyd olunan etiketlərin qalan hissəsi sənədin gövdəsində tapılmışdır.
  •  

    : Bu etiket bir paraqrafı təsvir edir.

Səhifənizdəki mətnin başlanğıc və son etiketlərində kodlandığını unutmayın. Bir nümunə:

Bu paraqraf mətni.

Başlıq Etiketləri

Başlıq etiketləri sənəd iyerarxiyasını göstərmək üçün istifadə olunur. Bloqunuzun formatında başlıqlardan artıq istifadə etmisiniz, ancaq 1-6 başlıqlar arasındakı fərq yalnız mətn ölçüsü və şrift çəkisi deməkdir. Ayrıca, ierarxiya hissini veb brauzerlərə və axtarış motorları botlarına çatdırırlar.

Blogunuzun başlığı kimi sənədin əsas başlığı üçün 1 başlığı istifadə edilməlidir. Başlıq 2, əsas alt başlıqlar kimi ikinci dərəcəli məlumatlar olmalıdır. Alt alt başlıqlar üçün Başlıq 3-dən istifadə edin və Başlıq 6 vasitəsilə bu mövzular aşağıdakı kimi görünür:

Bunun necə tərcümə olunduğuna dair bir nümunə:

Bu başlıq 5-dir

Bu başlıq 5-dir

Inline Text Tags

Daxili mətn etiketləri, blok səviyyəli etiketlər içərisində mətn formatlaşdırmaq üçün istifadə edəcəyiniz kəslərdir

. Tez-tez istifadə edəcəyiniz nümunələr.
  • : Bu, əksər brauzerlərin itələdiyi vurğulanan mətni müəyyənləşdirir.
  •   : Bu, əksər brauzerlərin cəsarətli olduğu mətni müəyyənləşdirdi.
  •   : Bu bir kotirovkani formatlayır.
  •   : Bu, tez-tez tətil kimi tərcümə olunan silinmiş mətni göstərir.

Siyahı etiketləri

Diqqət etdiyiniz kimi, bu blog yazılarında bir neçə güllə siyahısından istifadə etdim. Bəs bunu necə etdim? Budur bilmək lazım olan etiketlər:

  • : Bu bir siyahı elementini təyin edir.
  •  
      : Bu etiket güllə nöqtələri şəklində göstəriləcək tənzimlənməmiş bir siyahı ətrafında gedir.
    •  
        : Bu etiket nömrələr şəklində göstəriləcək bir sifariş siyahısında dolaşır.

    Sifariş verilmiş siyahı üçün HTML kodunun görünməsinə bir nümunə:

    1. Siyahı 1
    2. Siyahı maddəsi 2
    3. Siyahı maddəsi 3

    Bu səhifədə necə göstərildiyi:

    1. Siyahı 1
    2.  Siyahı maddəsi 2
    3.  Siyahı maddəsi 3

    Şəkil və link etiketləri

    İştirak etməzdən əvvəl, şəkillərin və bağlantıların necə daxil olacağına bir daha nəzər salaq. Etiketləri istifadə edərkən sadəcə kodu görmək və sonra məlumatlarınızı doldurmaq daha asandır:

    Bağlantı

    SİZİN MƏRHƏZƏM

    URL’inizin ətrafında tirnoq işarələrini çıxartmayın. URL’inizi sitat işarələri arasında yerləşdirin. Çapa mətniniz səhifədə görünən mətndir.

    Bir nümunəyə baxaq. Əvvəlki Hosting Kingdom məqaləsinə bağlamaq istəyirdimsə, kod bu kimi görünür:

    Veb Host vasitəsilə Bir Domain Qeyd etməlisiniz?

    Link səhifədə bu kimi görünür:

    Veb Host vasitəsilə Bir Domain Qeyd etməlisiniz?

    Şəkil

    Bir şəkil üçün kod belə görünür:

    Qeyd edək ki, bu konteyner olmayan etiketdir, ona görə son etiket yoxdur, ancaq src atributuna ehtiyacınız var. Əlavə mətn və ya ölçü tərifi kimi bu etiketi əlavə edə bilərsiniz. Bu belə görünərdi:

    ”YOUR

    Yenə də tirnoq işarələrini çıxarmadığınızdan əmin olun.

    Qeyd: Eyni şey üçün istifadə edilə bilən fərqli kodları görə bilərsiniz. Məsələn, görmüşəm , , və Müxtəlif brauzerlərdə fərqli göstərə bilsə də, qalın mətn üçün istifadə olunan etiketlər.

    HTML göründüyü qədər qarışıq olmamalıdır. HTML tətbiq et və daha yaxşı hiss etmək üçün bənzər interaktiv saytlardan istifadə et Kod Akademiyası, və şərh bölməsində bunun necə getdiyini bizə bildirin.

    Jeffrey Wilson Administrator
    Sorry! The Author has not filled his profile.
    follow me
    Like this post? Please share to your friends:
    Adblock
    detector
    map