MİO GRAF  Milli İntellektual Oyun
       

   ƏSAS     XƏBƏRLƏR     SİZİN DƏRSLƏR     FOTO QALEREYA     VİDEO DƏRSLƏR     DƏRS GÖNDƏR     SUAL-CAVAB
DƏRSLİKLƏR
        AutoCad0003
        3D Studio Max0057
        Adobe After Effect0002
        Adobe Premier0002
        Adobe Photoshop0094
        Visual Studio0002
        Flash / Action Script0013
        Asp / Asp.net / C#0006
        PHP0002
        HTML / CSS0002
        JavaScript0001
        Visual Basic0004
        Delphi0002
        C / C++0006
        Microsoft Office0005
        Microsoft Windows0018
        Digər dərslər...0016

GİRİŞ
   İstifadəçi adı
   

   Şifrə
    
 
                                             
    Qeydiyyat ol
    Şifrəni unutdun?
 

YENİ LİNKLƏR
   tehsilimizinfo.blogspot.c...0297 
   www.azresce.com3137 
   www.evalin.az4240 
   www.novruzov.net4527 
   www.azgraf.net/mocuzeler5252 
   videoders.azersayt.com5206 
   www.mado.az5989 
   www.artdeco.az4524 
   www.cv-az.com7121 
   www.fakto.info5287 
 Ardı    


ELANLAR
Yaşıl: işçi axtarıram - Mavi: iş axtarıramBeynəlxalq holding koperasiyası. »»
Yaşıl: işçi axtarıram - Mavi: iş axtarıramMünasib iş axtarıram... »»
Yaşıl: işçi axtarıram - Mavi: iş axtarıramQrafik dizayner »»
Yaşıl: işçi axtarıram - Mavi: iş axtarıramNeft şirkətində işləmək istiyirəm. »»
Yaşıl: işçi axtarıram - Mavi: iş axtarıramAsp.Net, Delphi, HTML, Web Dizayner »»
Yaşıl: işçi axtarıram - Mavi: iş axtarıramİşci teleb olunur »»
Yaşıl: işçi axtarıram - Mavi: iş axtarıramİngilis dili hazırlığı. »»
Yaşıl: işçi axtarıram - Mavi: iş axtarıramİşçi tələb olunur. »»
 Ardı     



İstifadəçi: 0000732
Video dərs: 0000042
Şəkilli dərs: 0000193
Sual: 0000070
Şəkil: 0000305
Xəbər: 0000470
 HTML / CSS     
Web proqramçı olmaq üçün işə mütləq birinci HTML ilə başlamalısınız. HTML dili haqda giriş məlumatlar əldə etmək üçün bu dərsdən istifadə edin.

Tarix:        21.06.2009
Oxunub:   7687        
Müəllif:     
Emin Novruzov   



Paylaş

Çap et        Şərh yaz

 HTML dilinə ilk addım.

HTML ( Hyper Text Merkup Language) sizlərə internet saytları hazırlamaqda köməkçi bir dildir. Bu dil olduqca asan, qarışıq olmayan bir dildir. Hal - hazırda sayt açmaq üçün Frontpage, Namo, Dreamweaver kimi proqramlardan istifadə edilir. Bunun üçün də HTML dilini tam öyrənməyə ehtiyac yoxdur. HTML də dəqiqələr, saatlarca yazdığınız kodları, yadardığınız dizaynı bir neçə dəqiqədə hazır proqramların kömkliyilə həyata keçirmək mümkündür. Ancaq html bilmədən hazır proqramlardan istifadə etmək sizin üçün çətinliklər yarada bilər. Mən sizə bu dərsdə sadəcə giriş olaraq HTML-də əsas lazım olan funksiyalar haqda danışacam. Kodları həyata keçirmək üçün yuxarıda sadaladığım proqramlardan istifadə edə bilərsiniz. Eyni zaman da əməliyyat sistemi ilə birlikdə gələn Notepad ilə də html yaza bilərsiniz. Bunun üçün notepad açın və Save as edin. Saxladığınız faylın adını index.htm olaraq yazın. Artıq index.htm adlı bir html faylı yaratmış olduq. .

<HTML>
</HTML>

HTML yuxarıdakı şəkildə başlanmalıdır. Ümumiyyətcə HTML dilində bütün əmrlər də bir şeyi nəzərdən qaçırmayın: "Açdığını Bağla" Yuxarıdada gördüyünüz kimi <html> açılıq və </html> şəklində bağlanılır. Sadəcə əlavə olunan "/" işarədir. Yazacağımız bütün kodlardada bu şəkildə açılıq və bağlanılır. HTML əsas əmrlərinə diqqət edə:
Yuxarıdakı kod əmt mütləq bütün səhifələrdə saytın ən üstündə və ən altında olmalıdır. Başlanğıc <HTML>, sonu isə </HTML> ilə bitməlidir.


HEAD:
HTML-dən sonra gələn lazımlı kodları daxil etmək üçündür. Başlanğıcı <HEAD> şəklində yazarıq. Bunun əsas paramterlərindən istifadə etdikdən sonra ( TİTLE, META, LİNK, SCRİPT kimi) <\HEAD> şəklində bağlayırıq. Böyük və kiçik hərfləri nəzərə alınmır. Head arasında əsasən JavaScript kimi script kodlar yazılır ki, bunlar ekranda görsənmirlər.

TİTLE:
Ümumiyyətcə HEAD içərisində istifadə etdiyiniz kimi kənarəda ayrı olaraq da istifadə edə bilərsiniz. Saytın başlığı üçün istifadə edilir. Ən üst hissəsinin adını daxil etmək üçündür. <TİTLE>AzGraf.Com <\TİTLE> şəklində yazılır.


BODY:
BODY saytdakı bütün üzdə görsənən elementlərimizi təmin edir. Şəkil, Səs, Arrxa plan rəngi, Flash faylı v.s. Bunu Head kənarında yazmalıyıq. Açılıb bağlanmasıda digərləri kimidir. Dediklərimə bir nümunə göstərək.

<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>Untitled Document</title>
</head>

<body>
</body>
</html>



Nümunəyə səhifənin skleti demək olar. Burada "əsas" kodlardan iki dəfə istifadə etmək olmaz. Yəni body ikinci bir yerdə açılıb bağlanarsa sayt xətalı olacaqdır. Bu xətanı siz görməyə bilərsiniz, lakin bəzi problemlərə gətirib çıxarda bilər.


Sətir Yaratmaq:


Yuxarıda sadəcə bir yazı yazmışdıq, ancaq mətin yazma işində bir çox özəlliklərin olduğunu bilirsiniz. Font dəyişdirmək, ölçusü, rəngi v.s kimi. Mətin yazaqkən HTML bir neçə üsullardan istifadə etmək olar. Aşağıda buna uyğun nümunə yazılmışdır. .

<html>
<head>
<title>AZGRAF</title>
</head>
<body>
<font color="red" size="+5" face="Tahoma">
AZƏRBAYCAN RESPUBLİKASI VERGİLƏR NAZİRLİYİ
</font>
</body>
</html>

Görüdüyünüz kimi ilk olaraq font-la başladım və font içərisinə color="red" olaraq rəngini, size="+5" ölçüsünü , face="Tahoma" olaraqda yazı növünü müəyyənləşdirdik və ">" işərasi ilə bağlayaraq yazını ekrana verdik. Ardından da </font> ilə bağlanıldı. Bu şəkildə font əmrinin nə olduğunu hesab edirəm anladınız.
<br> əmrini hər cümlənin sonunda artıraraq digər sətrə keçə bilərsiniz. Yuxarıdakı nümunəni yazın və cümlənin sonuna <br>artıraraq yoxlayın.

YAZI FORMATI :

Giriş dərsi olduğu üçün çox danışmaq istəmirəm formatlar haqdada məlumatınız yəqinki. Çünki veb dizayn olmaq istəyən hər hansı adam qalıqlıq, underline kimi funsiyalardan başqa proqramlarda istifadə etmiş olmaldır.

<b>bold </b> -Qalın yazı
<i> italic </i> - Əyri yazı

Bu kiçik əmrləri istədiyiniz yazı və kodların arasında istifadə etməyiniz mümkündür. Nümunə:

<html>
<head>
<title>AZGRAF</title>
</head>
<body>
<center>
<font color="red" size="+5" face="Times New Roman, Times, serif"><a><i>
AZƏRBAYCAN RESPUBLİKASI VERGİLƏR NAZİRLİYİ</a></i>
</font>
</center>
</body>
</html>

Gördüyünüz kimi sadəcə yazının əvvəlinə və sonuna daxil etdik. Burada <center></center> əmrindəndə istifadə etdim. Adındanda məlum olduğu kimi yazını mərkəzə döğru çəkir. Ancaq font dan əvvəl yazılmalıdır. Yazıya aid digər və indiki kodlarımız haqda aşağıdakı qeydləri oxuyun.

<pre></pre> - Mətin editoru formatı. Mətndə sətrdən sətrə keçməyi asanlaşdırır.
<br> - Bir sətir aşağı keçirdir. Açdığını bağla əməliyyatına ehtiyac yoxdur .
<b></b> - Arasındakı ifadələri bold (qalın) şəklində göstərir.
<i></i> - Arasındakı ifadələri italic (əyik yazı) şəklində göstərir.
<u></u> - Arasındakı ifadələrin underlined (altından xətt) şəklində göstərir.



  Paylaş      



Aqsin Hesenli
30.10.2016 01:34
madonun saytin siz yigmisizsa yaman gunde yigmisiz
rehimli alvan
13.12.2014 17:22
menim 13 yasim var informatik mellimim dedi ki HTML kitablari oxu ... genis olmasa da maraqli ve faydali kitabdi. indiye qeder uCoz dan 1 - 2 dene sayt duzeltmisem sora hec kim istetmiyib, sayti bagliyibler
Serxan
27.02.2013 02:47
Komekliyi cox oldu brat Cox sag ol
Mr.Julik
29.12.2012 11:08
Genclere bele weyleri oyretmeyiniz chox gozledi) az netde ormal saytlar da varmiw)) Gozel izah idi)) tewekkurler!
Samsor
07.12.2012 10:47
Qeseng
Nahid
28.09.2012 17:15
salam qaqaw. bele maragli HTML kodlari elave etseniz ela olardi.
AzGraf
27.01.2011 22:03
Yaxında olar Filankəs qardaş !
Filankes Filankesov
27.01.2011 16:48
HTML derslerinin ardini gormek isterdim
tural_culfali
23.01.2011 16:07
Tewekkur edirem qardawim sagol

   Ad, soyad:
    *
   Əlaqə:
    *
   (e-poçt, şəxsi sayt ya da telefon ola bilər)

   Şərh:
  

           
   • şərh yazmaq üçün saytımıza üzv olmalı və istifadəçi girişi etməlisiniz;
   • şərh yazarkən təhqir edici sözlərdən istifadə etməməli və mövzudan kənarlaşmamalısınız;
   • latın hərflərindən istifadə etməlisiniz.
ELAN GÖNDƏRDƏRS GÖNDƏRSAYT SİFARİŞİREKLAM SİFARİŞİBİZİM SƏHİFƏƏLAQƏ  
   Dizayn & proqramist: Emin Novruzov
   Şəxsi Portal  © 2010 Bütün hüquqları qorunur

   Standart 1024x768 px ekran ölçüsü, minimum 64 K/Bit internet sürəti ilə saytdan rahat istifadə edə bilərsiniz!