Blogger”lər necə pul qazanırlar

Endiriləcək fayla yeni ad verilməsi lazımdırsa onda 2-ci hal istifadə edilir

• href kecmək istənilən resursun URL ünvanı.uzunluğu 255 keçməməsi lazımdır.Resursun ünvanı mütləq və ya nisbi formada verilə bilər.
• hreflang istinad olunan sənəddəki mətnin dili məlumatı
• rel yönəlmək tələb olunan səhifə ilə hazırkı səhifənin əlaqə növünü təyin edir .Dəyərləri
  • alternate – hazırkı səhifənin alternativ versiyasıdı digər səhifə
  • author — sənədin müəllifinin səhifəsi
  • help — səhifə ilə bağlı komək səhifəsi
  • license – müəllif hüquqları ilə bağlı səhifə
  • next – sıralamada digər səhifə
  • nofollow – google-un indeksləməyini istəmədiyimiz digər səhifə
  • noreferrer – brouzere bu səhifədəki HTTP başlıqları digər istinad olunan səhifəyə göndərməməsi üçün
  • prefetch – digər səhifəni keşlənsin deyə
  • prev – sıralamada bir əvvəlki səhifə

  Həmçinin ümumi istifadə olunan atributlar və hadisələrdə istifadə edilə bilər

  teqi sətir elementlərindən olub tərkibində mətn saxlayan konteynerdir.Əsasən blok elementlərinə təsir etmədən daxilindəki mətn hissələrinin stilini dəyişmək üçün istifadə edilir.Bu teqin istifadəsi ilə bağlı bir neçə nümunə

  • mətnin bir hissəsinin rəng,ölçü və şriftinin dəyişməsi üçün
  • mətnin fonuna rəng və ya şəkill artırmaq üçün
  • mətn fraqmentinin çərçivəyə alınıb kölgə verilməsi üçün
  • skript vasitəsi ilə tərkibinin manipulyasiyası

   Pishiyin gözu  style="color: lightblue;">mavidir 

  Həmçinin ümumi istifadə olunan atributlar və hadisələrdə istifadə edilə bilər

  teqi HTML –in sətir elementlərindən biridir.Bu teq vasitəsi ilə mətndə müəyyən söz və söz birləşmələri daha qabarıq oxunması üçün qalın şriftlə təsvir edilir.

  teqinin tərkibindəki mətn alt xəttli təsvir edilir.Bu teq də sətir elementlərindəndir.

  teqindən mətndə məsələn terminləri,başqa dildən frazaları təsvir etmək üçün istifadə edilir. Tərkibindəki mətn kursivlə(maili) təsvir edilir.

   Pishiyin gözu mavidir   
  HTML nişanlama dilidir  
  Bu yazi xətalıdır 

  teqi yazını yerləşdiyi sətrin baza xəttindən daha aşağıda təsvir edilməsi üçündür.Əsasən düsturların yazılması zamanı istifadə etmək olar

  teqi tam tersinə baza xəttindən daha yuxarıda təsvir eləmək üçün işə yarayır.Məsələn ədədlərin üstünü qeyd etmək üçün

  Hər iki teq sətir elementlərindəndir

   
  Ferma Teoremi
     
  X  n  + Y  n  = Z  n 
   hardakı n tam ededi > 2 СН 3 СНО + NH 2 OH= CH 3 C(=NOH)H + H 2 O 

  –HTML-də açılan siyahıların(combobox) yaradılması üçün istifadə edilir.Bu teq öz növbəsində 2 və daha artıq (açılan siyahının elementləri) teqinden ibaret olur.Siyahının eni elementlərin en uzunun ölçüsü ilə təyin edilir.

  • disabled—bütün siyanı passiv etmək üçün .əgər bu atribut daxil edilibsə siyahı açılmır
  • multiple—siyahıdan bir neçə element seçməyə imkan yaradır
  • size–acılan siyahının göstərə biləcəyi element sayı.Əgər siyahıda daha çox element varsa o halda avtomatik olaraq siyahının yanına sürüşdürmək(scroll) üçün alət yerləşdirilir.

  Həmçinin ümumi istifadə olunan atributlar və hadisələrdə istifadə edilə bilər

    value="volvo">Volvo  value="saab">Saab  value="opel">Opel  value="audi">Audi 

  Digər sətir elementləri

  teqi çox sətirli mətn daxil edilməsi üçündür.

  Abreviatura kimi mətn müəyyən edir.

  Səs fayllarının səhifəyə əlavə edir.Brouzerlər bəzi audio fayl formatlarını dəstəkləmədikləri üçün bir neçə fayl formatında təsvir eləmək daha yaxşı olar. Bunun üçün source teqindən istifadə edilir.Teqin tərkibinə yazılan yazı ancaq və ancaq fayl formatı brouzer tərəfindən taninmadıqda təsvir ediləcək

  • autoplay– fayl yuklənməsi başa çatan kimi audio fayl ifa olunsun
  • controls-audio faylın ifası zamanı kontrol düymələrinin göstərilməsi üçün.pause play stop
  • loop-ifa bitdikdən sonra yenidən başdan başlasın
  • preload-autoplay atributu təyin edilməyəndə brouzerin ne edeceyini təyin edir dəyərləri
    • auto səhifə yüklənən kimi audio fayl yüklənəcək
    • metadata audio fayl haqqında meta məlumatlarının yığılması.faylın ölçüsü,audio səsinin uzunluğu,ilk kadr və s.
    • none audio faylın yüklənməsi ancaq və ancaq ifa et(play) düyməsi basılandan sonra baş verəcək

    Qeyd. autoplay və preload atributlarının eynni zamanda isitfadəsi zamanı preload atributu ignore ediləcək.

    • src-audio faylın ünvanını mütləq və ya nisbi ünvanla göstərir.

    Həmçinin ümumi istifadə olunan atributlar və hadisələrdə istifadə edilə bilər

    controls="controls">  src="https://sharifov.wordpress.com/2017/09/09/87/song.mp3" type="audio/mp3"> sizin brouzeriniz mp3 mahni fayllarını desteklemir 

    Mətnin təsvirinin istiqaməti müəyyən edir.Əsasən sağdan sola oxunan dillərdə mətnlər təsvir eləmək üçündür.dir atributu vasitəsi ilə yazının istiqaməti təyin edilir.Dəyərləri ltr(left to right) və rtl(right to left)

     dir="ltr">Mən soldan saga oxunuram dir="rtl">marayaşxo ayizay masnuxo alos nadğas nəM 

    Düyməni yaradır.(bununla biz formalar bolməsində tanış olacağıq)

    Qrafikləri rəsm çəkilməsi üçün sahə (ərazi) müəyyən edir.Əsasən real rejimdə senari ilə(məsələn javascript ilə) səhifəd müəyyən şəkillər çəkmək ondan başqa online oyunlar saatlar animasiyaların hazırlanması zamanı istifadə edilir.HTML 5 də əlavə edilmişdir.

     id="test" width="600" height="200">

    Bu nümunədə hündürlüyü 200 eni 600 olan sahə təsvir edilmişdir.Javascriptdən bu sahəhə müraciət etmək üçün canvasın id-si istifadə edilir.Canvasın eni və ya uzunluğu dəyişən kimi sahədə təsvir edilmiş hər şey silinmiş olacaq.Bəzi köhnə versiya brouzerlər kanvası dəstəkləmədikləri üçün açılan və bağlanan canvas teqi arasına mətn yazib bunu cliente bildirmək olur.

    İşin mahnının kitabın filmin adını təsvir etmək üçün nəzərdə tutulmuşdur.Mətn kursivdə(maili) təsvir ediləcək teqi kimi

    Proqram kodunun təsviri üçün istifadə edilir.Bu zaman kod xususi şriftlə(məsələn Courier) çap edilir.

    Səhifədə səhv olan və ya silinməli olan mətn hissələrini təsvir etmək üçün istifadə edilir.Bu zaman mətn üstündən xətt çəkilmiş formada təsvir edilir.Əsasən teqi ilə birlikdə istifadə edilir.Bu teq düzəliş olunmuş yeni versiya mətni göstərmək üçündür.

    • cite – düzəliş və ya silinmə səbəbi yazılan resursun unvanı
    • datetime – duzəliş vəya silinmə tarixini qeyd edir .Formati YYYY-MM-DDThh:mm:ssTZD

    Mətn yeni bir termin göstərilərkən onu maili(italic kursiv) təsvir etmək üçün

    Mətndə əhəmiyyət kəsb edən bir hissənin təsviri üçün istifadə edilir.Görünüş olaraq teqi ilə eynidir.

    teqi GIF, JPEG və ya PNG qrafik formatlarında təsvirlərin veb səhifəsində təsviri üçün nəzərdə tutulmuşdur. Şəkil faylınım ünvanı src atributu vasitəsilə təyin edilir. Əgər şəkili başqa bir linkə yönəlmə kimi istifadə eləmək lazımdırsa onda teqi teqi arasına yerləşdirmək lazımdır. Bu halda təsvirin ətrafında çərçivə əks olunur.Çərçivəni götürmək və ya qalınlığını tənzimləmək üçün border atributunu əlavə eləmək lazımdır.

    Şəkil əgər hansısa qovluğun içində və ya bir üst direktoriyada və tamami ilə başqa saytdada yerləşə bilər.

    Bir üst direktoriyada —

    Şəkillərin yerləşdirilməsi zamanı istifadə edilə biləcək atributlar aşağıdakılardır.

    • align Şəkilin ətrafdakı elementlərə nisbətən yerləşmə vəziyyətini təyin edir.Dəyərləri top,bottom,middle, left,right,
    • alt Şəkilin qisa adı.Brouzer şəkili göstərə bilməyəyəndə bu yazını istifadə edir
    • vspace Vertikal olaraq şəkilin yuxarısında və aşağısında buraxılacaq boşluğun piksellə ölçüsünü vermək üçün
    • hspace Horizontal olaraq şəkilin sağında və solunda buraxılması tələb olan boşluğun piksellə qalınlığını vermək üçün
    • width Şəkilin enini pikselle təyin etmək üçün
    • height Şəkilin hündürlüyünü pikselle təyin etmək üçün
    • border Şəkil ətrafındakı çərçivənin qalınlığı bu atribut vasitəsi ilə tənzimlənir.
    • usemap Xəritələrin şəkillə əlaqələndirilməsi üçün.Bu atributu a və ya button teqinin tərkibində olanda istifadə eləmək olmaz
    • ismap Brouzere şəkilin serverdəki xəritənin bir hissəsi olduğunu göstərir.Şəkil üzərinə basılarkən basılma koordinatlari URL-də servərə göndərilir.Bu atribut ancaq və ancaq və button teqlərinin tərkibində olarkən istifadə eləmək olar.

    Şəkillərin eni və uzununun təyin edilməsi çox vacibdir.Əgər daxil edilməyibsə brouzer özü ölçünü götürməyə çalışır.Bu da internetin sürətinin zəif olduğu vaxtlarda gecikmə səbəbindən səhifənin dizaynını korrekt olmayan formada göstərir.

    Bundan başqa şəkili bütün səhifənin arxa fonu kimi istifadə etmək istədikdə həmin şəkili body teqinde background atributu olaraq göstərmək lazımdır.

    HTML sənəddə şəkillər yerləşdirib onun müxtəlif hissələrini bağlantıda(link) etmək olur.Bunun üçün teqindən istifadə olunur.Sintaksis

    Burda area teqleri vasitəsi ilə hazırlanacaq xəritədə koordinatlar daxil edilir. Area teqinin atributlari shape ,coords ,href,nohref,target,alt və s –dir.

    • shape xəritədəki sahənin növünü göstərir.Mümkün dəyərləri rect,circle,poly-dir.
    • coords isə sahənin koordinatlarını təyin edir. Məsələn
    • nohref həmin sahəyə mousla toxunduqda heç bir bağlantıya getməməsi üçün istifadə edilir.
    • target acılacaq səhifə harda acılacagını göstərir.Məsələn bu səhifədə yoxsa yeni bir səhifədə.Dəyərləri _blank,_self,_parent,_top
    • alt xəritədə sahənin üzərinə mouse ilə gətirdikdə cixacaq yazı daxil edilir.

    Xəritə hazırlandıqdan sonra həmin xəritəni səhifədəki şəkillə əlaqələndirmək olur.

    

    Nümunədən göründüyü kimi planetMap adında xəritə daxil edildikdən sonra o img teqi ilə usemap atributu vasitəsi ilə əlaqələndirilir.

    məlumatların daxil edilməsi üçün müxtəlif formalı sahələr yaradır.Bu barədə formalar bölməsində danışılacaq

    teqində dediyimiz kimi silinməli və ya düzəliş olunmalı mətn əvəzinə yazılan mətnin təsviri üçün istifadə edilir.Brouzerlər bu mətnləri altdan xətt çəkilmiş formada təsvir edirlər.cite və datetime atributları vasitəsi ilə düzəlişin səbəbi resursunun ünvanı və düzəliş tarixləri təyin edilir.

    Klaviaturadan daxil edilən və ya klaviatura düymələrinin adlarını mətndə tsəvir etmək üçün istifadə edilir.Mətn xususi şriftlə(monospace) təsvir edilir.

    Mətndə mühim hissələri qeyd eləyir.Məsələn axtarışın nəticəsinə uyğun tapılmış hissələri,siyahıya yeni artırılmış elementi və ya kalendarda cari tarixi bu teq vasitəsi ilə qeyd etmək olar.Teq arasındakı mətn əsasən arxa fonu sarı rəngdə nümayiş etdiriləcək.

    Müəyyən diapazonda skalyar ölçünü təsvir etmək üçündur.HTML 5-də əlavə edilmişdir. Məsələn istifadə olunan disk həcmi ,sorğuların sıxlığı və s . başqa məlumatlar üçün istifadə oluna bilər

    • form– elementin aid olduğu formanı təyin edir
    • high– diapazonun böyük adlandırılan ölçüsü.Əgər daxil edilməyibsə o halda max dəyəri high olaraq götürüləcək
    • low– diapazonun kiçik adlandırılan ölçüsü.Əgər daxil edilməyibsə o halda min dəyəri low olaraq götürüləcək
    • max-diapazonun maksimal ölçüsü
    • min-diapazonun minimal ölçüsü
    • optimal –optimal ölçü
    • value – cari qiymeti

    Islerin vəziyyəti:

     100 ishden 10 hazirdir 

    Qısa sitatı müəyyən edir.Mətndə bəzən sitatların olmasın ehtiyac olur bu zaman “” əvəzinə bu teq istifadə olunur.cite atributu vasitəsi ilə sitatın götürüldüyü unvanı göstərmək olur.Bu ünvan adi brouzerlərdə görünmür.Ancaq sayt oxuyucular bu məlumatı təsvir edə bilir.Bir sətirdən artiq sitat olduqda isə blok sitatından istifadə olunur

    teqi dəstəkləmirsə brauzerə göstərmək üçün olan mətni müəyyən edir.

    elementinin tərkibində yuxuri indekslə və aşağı indekslə qeydləri təsvir edir.

    Hər iki teq elementinin tərkib hissələridir.Əsasən şərqi asiya dillərindəki heroqliflərin təsviri vı acıqlamasının verilməsi üçün istifadə edilir

    daha düzgün olmayan mətni müəyyən edir və bu mətn silinmişləri əks etdirir.Brouzer bu mətni üstündən xətt çəkilmiş formada təsvir edir.

    Kompüter proqramının nəticəsinin göstərilməsi və kod nümunələrinin numayiş edilməsi zamani istifadə edilir.Mətn xususi (monospace) şriftlə əks olunur.

    Kiçik ölçünün mətni təsvir edir.Əsasən böyük mətnlərdən sonra gələn kiçik qeydləri,müəllif hüquqları haqqında informasiyanı təsvir etmək üçün istifadə edilir.Şriftin ölçüsü səhifənin əsas şrift ölçüsündən müəyyən proporsiya ilə balaca olur.Bu teqi başqa small teqlərinin içindədə istifadə eləmək olar.Bu halda hər daxildəki small teqinin tərkibi bir üstəkindən mütənasib olaraq az olur.

    Çox əhəmiyyətli mətni qalına şriftlə təsvir edir.

    kompyuter proqramlarında istifadə olunan dəyişənləri əks eləmək üçün istifadə olunur. Mətn kursivlə(maili italic) təsvir edilir

    Video fayllarının səhifəyə əlavə edir.Brouzerlər bəzi video fayl formatlarını dəstəkləmədikləri üçün bir neçə fayl formatında təsvir eləmək daha yaxşı olar.Bunun üçün source teqindən istifadə edilir.Teqin tərkibinə yazılan yazı ancaq və ancaq fayl formatı brouzer tərəfindən taninmadıqda təsvir ediləcək

    • autoplay– fayl yuklənməsi başa çatan kimi video fayl nümayiş olunsun
    • controls-video faylın ifası zamanı kontrol düymələrinin,sürüşdürmə aləti(scrool),tam ekran formasında nümayiş düyməsi,səsin artırılıb azaldılması düyməsi və s göstərilməsi üçün.
    • loop-ifa bitdikdən sonra yenidən başdan başlasın
    • height– videonun ekran hündürlüyünu piksellə müəyyən edir
    • muted-videonun səssiz edir
    • poster-video yüklənənə qədər göstəriləcək şəklin ünvanı
    • width – video ekranının enini piksellə təyin edir
    • src-video faylın ünvanını mütləq və ya nisbi ünvanla göstərir.
    • preload-autoplay atributu təyin edilməyəndə brouzerin ne edeceyini təyin edir dəyərləri :
      • auto səhifə yüklənən kimi video fayl yüklənəcək,
      • metadata video fayl haqqında meta məlumatlarının yığılması.faylın ölçüsü,videonun müddəti,ilk kadr və s.,
      • none video faylın yüklənməsi ancaq və ancaq ifa et(play) düyməsi basılandan sonra baş verəcək

      (Qeyd. autoplay və preload atributlarının eynni zamanda isitfadəsi zamanı preload atributu ignore ediləcək)

      Həmçinin ümumi istifadə olunan atributlar və hadisələrdə istifadə edilə bilər

      Universal elementlər

      Bu elementlər istifadə edildiyi kontekstdən asılı olaraq həm blok elementləri kimi həmdə sətir elementləri kimi istifadə edilə bilər.Məsələn del və ins teqləri

      Səhifədə səhv olan və ya silinməli olan mətn hissələrini təsvir etmək üçün istifadə edilir.Bu zaman mətn üstündən xətt çəkilmiş formada təsvir edilir.Əsasən teqi ilə birlikdə istifadə edilir.Bu teq düzəliş olunmuş yeni versiya mətni göstərmək üçündür.

      teqində dediyimiz kimi silinməli və ya düzəliş olunmalı mətn əvəzinə yazılan mətnin təsviri üçün istifadə edilir.Brouzerlər bu mətnləri altdan xətt çəkilmiş formada təsvir edirlər.cite və datetime atributları vasitəsi ilə düzəlişin səbəbi resursunun ünvanı və düzəliş tarixləri təyin edilir.

      • cite – düzəliş və ya silinmə səbəbi yazılan resursun unvanı
      • datetime – duzəliş vəya silinmə tarixini qeyd edir .Formati YYYY-MM-DDThh:mm:ssTZD

      HTML –də rənglər

      HTML-də rənglər 2 üsulla verilə bilər.Rənglərin adına görə və ya 16-lıq kodlarla.16-lıq kodlarla verilməsi daha geniş imkanlar yaradır.16-lıq say sistemi 10 luq say sistemindən burda fərqi əlavə olunmuş latınca A B C D E F hərfləridir.10 luq və 16 lıq kodların qarşıqoyması aşağıdakı cədvəldə göstərilmişdir.

      10-luq	1	2	3	4	5	6	7	8	9	10	11	12	13	14	15
      16-lıq	1	2	3	4	5	6	7	8	9	A	B	C	D	E	F

      15-dən böyük rəqəmlər 16 lıq kodlaşmada 2 rəqəmin birləşməsi ilə təyin edilir.

      10-luq	16	17	18	19	20	21	22	23	24	25	26	27	…	254	255
      16-lıq	10	11	12	13	14	15	16	17	18	19	1A	1B	..	FE	FF

      Qarışıqlıq yaranmaması üçün 16-liq kodların qarşısına # işarəsi qoyulur.HTML-də rəngin istifadəsinə nümunə olaraq

       bgcolor="#fa8e47"> 

      Burda fonun rəngi olaraq #fa8e47 göstərilmişdir.Rənglər RGB (RED GREEN BLUE)standartı ilə təyin edildinə görə ilk iki rəqəm qırmızı rəngi sonrakı iki rəqəm yaşıl rəngi sonuncu iki rəqəm isə mavi çaları göstərir.Bu model additiv modeldir.Hər üç rəngin tam qarışığı ag rəngi yaradır.Bir neçə qaydaya nəzər yetirək

      • Hər üç rəngin eyni dəyərlərində boz çalarlı rənglər alınır məsələn #D6D6D6.Rəqəm nəqədər böyük olsa rəng bir o qeder açıq olacaq.Rəqəmlər #000000 #FFFFFF arasında dəyişir.
      • Al-qırmızı rəng qırmızı komponent maksimal (FF) etməklə yaranır amma qalan komponentlər sıfırlaşdırmaq lazımdır. FF0000. Yaşıl və göydə vəziyyət analoji olur # 00FF00 # 0000FF
      • Digər rənglər daha yaxin rənglərin qarışdırılmasından əmələ gəlir.Rənglərin yaxınlığı aşağıdakı şəkildə təsvir edilmişdir.

      Hər 3 rəqəm 00-dan FF ə qədər yəni 256 calar özündə saxlayır yekun mümkun rənglərin sayı

      HTML-də ölçü anlayışı

      HTML-də elementlərin və ya məsafənin ölçüləri piksellərdə və ya faizlər təyin edilir. Piksel — bu monitorun ekranında elementar nöqtə, nisbi ölçü vahididir, onun ölçüsü ekranın təyin edilmiş ölçüsündən asılıdır məsələn, monitorun ölçüsü 1024×768 piksel olarsa və şəkildə eyni ölçüdə olarsa bu halda şəkil ekranın tam sahəsini tutur. Pikseli ölçü vahidi kimi istifadə etdikdə ölçü vahidi daxil edilmir. məsələn: width=” 380″

      img src="https://sharifov.wordpress.com/2017/09/09/87/colors.png" alt="Rengler" width="100" height="111" hspace="4" vspace="4" border="2">

      Bu nümunədə hündürlüyü 111 piksel eni 100 piksel olan şəkil kənar xəttinin qalınlığı 2 olan çərçivənin kənarlarından yuxarıdan aşağıdan və yanlardan 4 piksel aralı yerləşdirilmişdir.

      Ölçülərin faizlə ifadəsi də mümkündür.Bu halda ölçü hansısa ana elementin ölçüsünə nəzərən verilir.Məsələn brauzerin ölçüsü.Ölçünü faizlə vermək üçün rəqəmin sonuna % işarəsi qoyulur. Məsələn width=”40%”

      “Blogger”lər necə pul qazanırlar?

      «Google AdSense» kimi platformalardan istifadə edərək və ya birbaşa müştərilərlə işləyən “Blogger”lər öz resurslarında reklam inteqrasiyası yarada bilərlər.

      2. Monetizasiya. (gəlirin 5%+)

      Müxtəlif “streaming” platformaları ən populyar “Blogger”lər üçün monetizasiya üsullarını təklif edirlər. Xüsusilə, “YouTube Partnyor Proqramı” son 12 ayda 4000 saat baxışla 1000 və ya daha çox abunəçi ilə qazanmağa başlamağa imkan verir.

      3. Partnyor marketinqi. (gəlirin 10-20%)

      Kanalında sifarişçinin resurslarına və xidmətlərinə keçidlər yerləşdirməklə. İzləyiciləri bu xidmətlərə yönəltməklə “Blogger”lər bu trafik vasitəsilə satılan mallara görə komissiya alırlar.

      4. İnteqrasiyalar. (gəlirin 15-20%)

      Daha populyar “influencer”lər reklamverənlərin kanallarındakı postlarda iştirak edirlər. Bu cür inteqrasiyalar müştəriyə özünü daha çox tanıtmağa, xidmət və məhsullarını satmağa imkan verir.

      5. İanələr. (eng. donations) (ümumi gəlirin 50%-ə qədərini təşkil edə bilər)

      Canlı yayımlar, xüsusi kontent, kanalda qeydlər, həmçinin sadəcə kanala dəstək ianələr yolu ilə həyata keçirilir. İanələr izləyicinin xüsusi kontent, xidmətlər və ya kontenti inkişaf etdirmə məqsədləri müqabilində birbaşa real pulla bloqçunu dəstəkləməsinin bir yoludur. İanə üçün ödəniş kanalı yaratmağın ən əlverişli yolu “Epoint”dir. Qeydiyyatdan keçmək üçün 3 dəqiqə, epoint.az saytında fərdiləşdirilmiş səhifə, real vaxt rejimində ödənişləri qəbul etmək və izləmək imkanı və sadə, lakin çoxfunksiyalı hesabat.

      HTML | İlk başlayanlar üçün praktika 3

      Məktubumuz hələ tamamlanmayıb, amma işə başlamazdan əvvəl böyük bir çatışmazlıq var — BUTA.İO loqosu. Məktubun BUTA.İO-dan olduğunu təsdiqəyəcək logoya ehtiyacımız var.

      Ona görə, məktubumuza bir BUTA.İO loqosu əlavə edək.

      HTML-də bir şəkil daxil etmək, bir Word sənədinə bir şəkil əlavə etmək kimidir. MS Word-də menyuya gedin -> əlavə et -> şəkil -> sonra şəklin yerləşdiyi yerə gedin -> şəkli seçin -> əlavə et düyməsinə vurun.

      HTML-də menyuya klikləmək əvəzinə etiketindən istifadə edərək brauzerə bir şəkil yükləməyimiz lazım olduğunu bildiririk. Sənədin yerini və adını “src” atributunun içərisinə yazırıq. Əgər şəkil proyektin kök qovluğundadırsa, sadəcə src atributunda şəkil sənədinin adını yaza bilərik.

      Bunu kodlaşdırmağa başlamazdan əvvəl BUTA.İO loqotipini yükləyin. Layihənin kök qovluğundakı şəkli kopyalayın və “buta” adını verin.

      İmg etiketini 4-cü sətrə daxil etdik. Bu etiketin sintaksisində bağlanış etiketi olmayandır və buna görə yazmağa ehtiyac yoxdur. Src atributunda şəkil sənədinin adını veririk. Bu sonluq — extension(.png) şəklin adı ilə tam eyni olmalıdır.

      Nəticəni görmək üçün kodunuzu yadda saxlayın və brauzerinizi yeniləyin.

      İmg etiketini istifadə edərək bir şəkil əlavə etdiyiniz zaman, şəkil əvvəlki orijinal halında görünəcəkdir. Bizim vəziyyətimizdə, şəkil 550 pikseldən daha genişdir. width və height atribtundan istifadə edərək ölçüsünü tənzimləyək:

      width və height atributundan istifadə

      HTML-də qalın və kursiv yazı

      İndi BUTA.İO son bir neçə bəndində komandamızın sizə arzu sözlərini deyəcək. HTML-də yazmağınız üçün belə bir mətni var:

      Sizin üçün yazdığımız bu məqalələrdə çox əziyyət çəkirik. Sizdən isə tək istəyimiz sosial şəbəkələrdə bizi izləyərək dəstək olmağınızdır. Və sizə azda olsa və ya tam olaraq köməyimiz dəyirsə, bizi bu sevindirir. Sevgilərlə BUTA.İO komandası.

      Bold və İtalic

      Nəticəni görmək üçün kodunuzu yadda saxlayın və brauzerinizi yeniləyin.

      HTML üslubları (Style)

      Bir HTML elementinin tərzini və ya görünüşünü müəyyənləşdirməyin üç yolu var:

      • Sətir içi style atributu ilə (Inline): Elementlərin “style” atributundan istifadə edərək üslubları yazırıq. İndiyə qədər etdiklərimiz bununla idi. Bu yaxşı bir üsul deyil.

      • HTML daxilində style etiketi vasitəsi ilə(İnternal): Bütün parametrlərin

      ilə əhatə olunmuş etiketin daxilində yazırıq.

      • Xarici CSS sənədi vasitəsi ilə (External): Bütün elementlərin üslublarını .css sonluğu (extension) ilə ayrı sənəddə yazırıq. Bu sənədə “Style sheet” deyilir.

      İndiyə qədər “div” in sətir tərzini necə müəyyənləşdirdiyimizə nəzər salaq:

      Eyni üslubu

      etiketi daxilində belə yaza bilərik:

      style etiketi

      Yerləşdirilmiş üslubda yazdığımız üslublar elementlərdən ayrıdır. Deməli element və üslubları əlaqələndirməyin bir yolunu tapmalıyıq. İlk söz “div” tam olaraq bunu edir. Brauzerə, buruq mötərizələrin içindəki üslubun “div” elementinə aid olduğunu bildirməyə kömək edir. Bu ifadə üslubun hansı elementə tətbiq ediləcəyini təyin etdiyinə görə seçici adlanır.

      Üslubu yazma tərzimiz eyni olaraq qalır: xüsusiyyət (en) və dəyər (550px) iki nöqtə ilə ayrılıb (:) və nöqtəli vergül (;) ilə bitir.

      Sətır içi üslubu,“div” və “img” elementimizdən çıxarıb elementinin içinə yazaq:

      Yadda saxlayın və yeniləyin və nəticə eyni qalmalıdır.

      Ancaq böyük bir problem var — əgər HTML sənədimizdə birdən çox “div” və “img” elementi varsa? “Style” elementinin içərisində div və img üçün müəyyənləşdirdiyimiz üslublar səhifədəki hər div və img üçün tətbiq olunacaqdır.

      Gələcəkdə kodunuza başqa bir “div” əlavə etsəniz, o “div”-də 550px genişliyində olacaqdır. Biz bunu istəmirik.

      Üslublarımızı hazırda istifadə etdiyimiz xüsusi div və img-ə tətbiq etmək istəyirik. Bunu etmək üçün div və img elementlərinə bənzərsiz kimliklər verməliyik. “İd” atributundan istifadə edərək elementə necə bir id verə bilərsiniz:

      Identification- ID

      və bu “id”-ni yerləşdirilmiş üslubda seçici kimi necə istifadə edəcəyimizi izah edirik.

      “#” İşarəsinə diqqət yetirin. Bunun bir id olduğunu göstərir və içindəki üslublar yalnız həmin id ilə elementə tətbiq olunmalıdır.

      Bunu kodumuza tətbiq edək:

      CSS — ID selector

      HTML-miz yerləşdirilmiş üslubla hazırdır.

      Lakin, daha çox üslub daxil etdiyimiz zaman ın daha da böyüdüyünü görə bilərsiniz. Bu, əsas html sənədimizi tez bir zamanda qarışdıra bilər. Beləliklə, bir addım daha irəli gedək və “style” etiketimizdəki məzmunu yeni bir sənədə köçürərək xarici (external) üslubdan istifadə edək.

      Layihə kök qovluğunda yeni bir sənəd yaradın və style.css kimi qeyd edin:

      Sənədlərimiz

      CSS faylınızda

      yazmağa ehtiyac yoxdur.

      HTML faylımızdakı etiketindən istifadə edərək yeni yaradılmış CSS sənədimizi HTML sənədimizə bağlamalıyıq. Bunu necə edə bilərik:

      External CSS

      Əlaqə (Link) etiketini HTML sənədinizə xarici mənbələr daxil etmək üçün istifadə edirik. Əsasən Üslub səhifələrini (Stylesheets) birləşdirmək üçün istifadə olunur. İstifadə etdiyimiz üç atribut bunlardır:

      • rel: Münasibət. Bağlantılı sənədin digər sənədlə əlaqəsi. .css sonluğu (extesion) olan sənədə üslub səhifəsi (stylesheet) deyilir və buna görə rel = “stylesheet” olaraq saxlayırıq.

      • type: Əlaqəli sənədin növü; bir CSS sənədi üçün “mətn / css” dir.

      • href: Hiper mətnə ​​keçid. Əlaqəli sənədin yerləşmə naviqasiyasıdır.

      Əlaqə (Link) etkietinin sonunda yoxdur. Yəni, həm də özünü bağlayan bir etiketdir.

      Standart qaydalar

      Sizə olan məktubumuz demək olar ki, çatdırılmağa hazırdır. Ancaq bir neçə rəsmi hissə var.

      Hər hansı digər proqramlaşdırma dili kimi, HTML də doğulduğu ildən (1990) bəri bir çox versiyanı keçmişdir. HTML-nin mövcud ən son versiyası HTML5-dir.

      Elə isə brauzer səhifənizi kodlaşdırmaq üçün hansı HTML versiyasından istifadə etdiyinizi haradan bilə bilərsiniz?

      Brauzerə HTML5 istifadə etdiyinizi söyləmək üçün səhifənin üstünə əlavə etməlisiniz. HTML-nin köhnə versiyaları üçün əvvəllər bu sətir fərqli idi, lakin bunu öyrənməyinizə ehtiyac yoxdur, çünki artıq istifadə etmirik.

      Bundan əlavə, əvvəlki HTML versiyalarında sənədin hamısını etiketinin içərisinə daxil edirdik. Bütün fayl iki böyük hissəyə bölürdük:

      Body — Gövdə hissəsi daxilində.

      HTML5-də bu tələb olunmur, lakin bunu hələ də uyğunluq səbəbi ilə edirik. Kodumuzu ,, və ilə yeniləyək:

      Ümumi kodlarımız.

      Əsas məzmun içərisinə, meta məlumat içərisinə daxil olur. Beləliklə divi içində saxlayırıq və üslub səhifələrini (stylesheets) içərisinə yükləyirik.

      Yadda saxlayın və yeniləyin və HTML səhifəniz əvvəlki kimi qalmalıdır.

      Başlıq (Title)

      Bu son dəyişiklikdir. Söz verirəm. Səhifənin brauzerdə tab başlığının HTML sənədinin yolunu göstərdiyinə diqqət etmiş olarsınız:

      HTML sənədimizə bir başlıq təyin etmək üçün etiketindən istifadə edə bilərik. Başlıq etiketi, link etiketi kimi, başlığın içərisinə keçir. Başlığımızı “BUTA.İO-dan məktub” qoyaq:

      Yadda saxlayın və yeniləyin və fayl yolu əvəzinə artıq “Yarasa Məktubu” nişanının göründüyünü görəcəksiniz.

      BUTA.İO məktubu artıq tamamlandı.

      Təbrik edirik! Arıq BUTA.İO-dan sizə məktubunu HTML şəklində hazırladınız.

      Nəticə

      Məqalələrdə ümumi olaraq öyrəndiklərimiz bunlar oldu:

      • HTML sənədinin quruluşu

      • HTML-də elementlər necə yazılır ( )

      • Style atributundan istifadə edərək elementin içərisindəki üslublar necə yazılır (buna sətir içi üslub deyilir, bacardığınız qədər bundan çəkinin)

      •

      içərisindəki bir elementin üslubları necə yazılır (buna daxili üslub deyilir)

      • Üslubları ayrıca bir sənəddə necə yazmaq və istifadə edərək HTML ilə əlaqələndirmək (buna bağlantılı üslub səhifəsi deyilir)

      • Bir etiket adı, atribut, açılış etiketi və bağlama etiketi nədir

      • Id atributundan istifadə edərək bir elementə necə bir id vermək olar

      • CSS-də seçiciləri və id seçicilərini etiketləyin

      Aşağıdakı HTML etiketlərini öyrəndik:

      •
      : xətt fasilələri üçün

      ,
      : siyahıları göstərmək üçün

      • : məktubumuzun elementlərini qruplaşdırmaq üçün

      • , : başlıq və alt başlıq üçün

      • : şəkil daxil etmək

      • , : qalın və kursiv mətn üslubu üçün

      • : yerləşdirilmiş üslub üçün

      • : xarici üslub səhifəsini əlavə etmək üçün

      • : bütün HTML sənədini bükmək.

      • : brauzerə HTML5 istifadə etdiyimizi bildirmək

      • : meta məlumatı örtmək üçün, və kimi

      • : həqiqətən göstərilən HTML səhifəsinin gövdəsi üçün

      • : HTML səhifəsinin adı üçün

      Aşağıdakı CSS xüsusiyyətlərini öyrəndik:

      • width: bir elementin genişliyini təyin etmək

      • CSS vahidi: “px” və “%”

      Uğurlar! Növbəti məqalələrdə görüşərik.

      Related posts:

      1. Itunes-dən musiqini necə silə bilərəm
      2. Google-dan identifikasiya telefon nömrəsini necə silə bilərəm
      3. Asus kartının rəngini necə dəyişə bilərəm?
      4. Gözlərimi necə qızartmaq olar