Html Öğrenmek İstiyorum!

1 Comment
dragonstyl3
Html, Klavuz, Web, Yazılım

Html Nedir?
Html bir kod dilidir. Yabancı bir dil olarak düşünebilirsiniz.
Örn: İngilizce, Almanca, Html, Css, Javascript, Php, Asp, C++,

Nerelerde Kullanılır?
Web sitesi yapımında.

Öğrenirsem ne olur?
Kendi web sitenizi yapabilirsiniz.
Bir ajansta “html editor” olarak çalışabilirsiniz. (Minimum 500 TL)

Html tek başına yeterli midir?
Hayır! Html öğrendikten sonra kesinlikle Css öğrenmeniz gerekir.
Ayrıca Javascript öğrenmeniz sizi daha da nitelikli yapacaktır.
Böylece birçok web sitesini tek başınıza kodlayabilirsiniz.

Kimler öğrenebilir?
Şu programları bilen herkes:
1- Not Defteri, Notepad++, Dream Weaver, Frontpage programlarından herhangi biri
2- Web Tarayıcı (Internet Explorer, Mozilla Firefox, Google Chrome, Opera vs)

Bunları bilmezsem olmaz mı?
Olmaz!

Html Öğreniyorum…

Html’ye başlamak için şunları yapmanız gerekir:
1- Yeni bir not defteri dosyası oluşturun(1- Masaüstüne sağ tıklayın 2- Yeni 3- Metin Belgesi)
2- Not defterini açın(Masaüstünde oluşan Yeni Metin Belgesi‘ne çift tıklayıp açın.)
3- Şu kodları not defterine yazın veya buradan kopyalayın

<html>
<head></head>
<body>
Test
</body>
</html>

4- Not defteri menüsünden 1- Dosya 2- Farklı Kaydet seçin.
5- Açılan pencerede Dosya Adı yazan yere deneme.html yazın.
6- Kaydet butonuna basın.
7- Masaüstündeki Yeni Metin Belgesi‘ni silin.
8- Masaüstündeki deneme adlı dosyaya sağ tıklayın.
9- Birlikte aç deyin ve bir internet tarayıcı seçin. Explorer, Firefox, Chrome vb.
10- Şu yazıyı görüyorsanız herşey yolunda demektir: Test

 

Html Ders 1

1- Önceden kaydettiğiniz deneme adlı dosyaya sağ tıklayın.
2- Birlikte Aç, Not Defteri seçin.
3- Bu kodları gördüyseniz, sorun yoktur.

<html>
<head></head>
<body>
Test
</body>
</html>

4- Kodu şu şekilde değiştirin:

<html>
<head></head>
<body>
Bu bir <b>web</b> sitesidir.
</body>
</html><br>

5- Kaydedin 1- Dosya 2- Kaydet veya Control + S
6- Internet tarayıcınıza gelip, sayfayı yenileyin Control + R veya F5
7- Sayfada şunu görüyorsanız hiçbir sorun yok demektir:
Bu bir web sitesidir.

Html Ders 2

Html ingilizce Hyper Text Markup Language kelimelerinin kısaltışıdır. Anlamı Hiper Yazı İşaretleme Dili’dir. Abartılmış Parça İşaretleme Dili yada Süper Metin İşaretleme Dili olarak da çevrilebilir.

Mantığı ise şudur. İki etiket arasında kalan yazıya özellik uygula. Örn: <html>yazı</html>
Aslında her etiket bir yabancı kelimedir. Nasıl İngilizce’de her kelimenin bir anlamı varsa, Html’de de her etiketin bir anlamı vardır. Normal bir metin düşünün:
“Merhaba, benim adım Hasan. Ben 1973 yılında Afrika’nın balta girmemiş ormanlarında doğmuşum. Saygılar, sevgiler.”
Yazı biraz anormal oldu ama neyse 🙂 Şimdi birlikte bu yazıyı Html diline çevirerek süsleyelim. Yani etiketleyelim.

Normalde bu yazının web üzerinde görüntülenebilmesi için şu şekilde olması gerekir:

<html><head></head><body>
Merhaba, benim adım Hasan. Ben 1973 yılında Afrika'nın balta girmemiş ormanlarında doğmuşum. Saygılar, sevgiler.
</body></html>

Diyelim ki bu yazının şu düzende olmasını istiyoruz:

—————————————————————————————————————-
Merhaba, benim adım Hasan.

Ben 1973 yılında Afrika’nın balta girmemiş ormanlarında doğmuşum.

Saygılar, sevgiler.
—————————————————————————————————————-
Farkı mı ne? Farkı şu;

  • Hasan’dan sonra enter var.
  • 1973 yazısı kalın yazılmış.
  • balta girmemiş ormanlar italik yazılmış
  • doğmuşum’dan sonra enter var.

Öyle olunca ne oluyo ki?
Şu oluyo: Bizim tüm bu farklılıkları yabancı dile çevirmemiz gerekiyor. Yoksa tarayıcı bizim dilimizi anlamaz 😉

<html><head></head><body>
Merhaba, benim adım Hasan.<br>Ben <b>1973</b> yılında Afrika'nın <i>balta girmemiş ormanlarında</i> doğmuşum.<br>Saygılar, sevgiler.
</body></html>

 Gelelim ne yaptığımıza:

  • Hasan’dan sonra enter koymak için <br> etiketini kullandık.
  • 1973 yazısını kalın yapmak için <b> etiketini kullandık.
  • 1973’den sonra kalın özelliğini kapatmak için </b> etiketini kullandık.
  • balta girmemiş ormanları italik yapmak için <i> etiketini kullandık.
  • italik özelliği devam etmesin diye kapatmak için </i> etiketini kullandık.
  • doğmuşum’dan sonra enter koymak için <br> etiketini kullandık.

Bu ne yaaa!

Her özellik için etiket mi giricez? Bunu anladıysanız etiket kavramını anlamışınız demektir 🙂
Korktunuz mu? 😀 Korkmayın. Hani derler ya, her işin kendine göre bir zorluğu vardır.
Emin olun öğrendikten sonra, bu muymuş ya diyeceksiniz 🙂

 

Html diline ait tüm etiketleri, yani kelimeleri görmek için tıklayınız.
Türkçe bir kaynak isterseniz buyrun.