0
Kayıt Ol

Html Dersi 01 Giriş

27

●

8.862

  • 10-07-2007, 15:54:13
    #1
    karacoder
    karacoder
    Hyper Text Markup Language Dersi 01 Giriş
    Html derslerine başlıyorum ilk olarak giriş yapacağız.

    Html ile herşeyi yapabiliriz. Tablolar,pencereler,Formlar,listeler vs.
    Html dosyalarımız .htm veya .html uzantıda kayıt edebilirsiniz.Ama .html kullanın.


    <html>...</html>
    -Bu etiket sayfamızda html kodlarının başlayıp bittiğini söylüyor.

      <karacoder>  ... </karacoder>
    -Html'de kodlar böyle kapatılıyor.Sondaki şeyde "/" işareti başta olur.

    <head>...</head>
    Head taglarıdır.Metalar,css,javascript gibi uygulamalarla ilgili kodlar burada olmalıdır.

    <body>...</body>
    Sayfamızdaki içerik bunların arasında olmalıdır.Mesala yazılarımız,resimler gibi görünürdeki şeyler body tagları arasındadır.




    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Sayfa Başlığı</title>
</head>

<body>
Merhaba Dünya demiyelim .
MERHABA R10 yazalım biz :)
</body>
</html>
    Örnek bir şey verdim.Standrt olarak kodlar body etiketleri arasına yazılır.
    Head tagları arasınada Meta Taglar koyabiliriz.

    Şimdi Meta Taglara Değineceğim.

    -İlk Olarak Title sayfamızın başlığıdır.
    <TITLE>R10.Net Karacoder Html Dersleri</TITLE>
    -Description kodumuzda şöyle yapıyoruz:
    <META NAME="description" CONTENT="html dersleri,r10.net,karacoder.gen.tr,html,html meta tag">
    -Keywords'e gelince bunlar çok önemlidir.Sayfamızla ilgili şeyler yazmalıyız.

    <META NAME="keywords" CONTENT="meta tag,html dersi,html dersleri,meta tag yapımı">
    -Sayfa yapımcısını ekliyoruz gerekli değildir ama.Yukarıda verdiğim 3ünü kullanmak yeterlidir.

    <META NAME="author" CONTENT="karacoder">
    - Eğer ben metalarla uğraşamam derseniz hazır olarak oluşturabileceğiniz bir sürü site vardır .

    Meta Tags Generator
    AnyBrowser.COM - Meta Tag Generator

    Devamı Gelecektir.Alıntı yaparken lütfen kaynak gösteriniz.
  • 10-07-2007, 16:01:19
    #2
    wolqen
    wolqen
    Üyeliği durduruldu
    eline sağlık güzel ancak örnek sayfa kodlamasını taglara göre ayırarak yaparsan yeni başlayanlar için daha anlaşılır olur.

    <html><head><body> gibi peşi sıra gelmesi anlaşılırlığı zorlaştırabilir.
  • 10-07-2007, 16:10:08
    #3
    turkcekaynak
    turkcekaynak
    Merhaba web coder dünyası php html r10 bilgi arşivi genişliyor

    teşekkürler.
  • 12-07-2007, 12:58:15
    #4
    karacoder
    karacoder
    oykun77 adlı üyeden alıntı: mesajı görüntüle
    eline sağlık güzel ancak örnek sayfa kodlamasını taglara göre ayırarak yaparsan yeni başlayanlar için daha anlaşılır olur.

    <html><head><body> gibi peşi sıra gelmesi anlaşılırlığı zorlaştırabilir.
    düzenleyeceğim yorumlarınız için teşekkürler.

    devamı hazırlanıyor.
  • 12-07-2007, 13:19:19
    #5
    maol24
    maol24
    Üyeliği durduruldu
    html head body taglarının mantığını hala çözmüş değilim. yani

     
<html>
<head>
<title>SAYFA</title>
</head>
<body>
İçerik
</body>
</html>
    İle

     
<title>SAYFA</title>
İçerik
    'in farkı var mı?
  • 13-07-2007, 10:31:25
    #6
    ByMsT
    ByMsT
    Misafir
    maol24 adlı üyeden alıntı: mesajı görüntüle
    html head body taglarının mantığını hala çözmüş değilim. yani

     
<html>
<head>
<title>SAYFA</title>
</head>
<body>
İçerik
</body>
</html>
    İle

     
<title>SAYFA</title>
İçerik
    'in farkı var mı?
    Sanırım kodlar arasına yazmamız içeriği seo veya google v.s açısından iyi oluyor indexlemede.
  • 13-07-2007, 10:50:35
    #7
    deli dana
    deli dana
    Alıntı
    <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
    bu
    Alıntı
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml">
    ve bu nedir?

    açıklamalarda yok ama örnekte var.
  • 13-07-2007, 10:56:02
    #8
    maol24
    maol24
    Üyeliği durduruldu
    deli dana adlı üyeden alıntı: mesajı görüntüle
    bu

    ve bu nedir?

    açıklamalarda yok ama örnekte var.
    sanırım ilk sorduğun karakter setini belirliyor. Sonundaki 1'i 9 yaparsanız türkçe karakterlerde sorun çıkmıyor.

    öyle diye biliyorum. emin değilim

    Düzenleme: Evet eminmişim
  • 14-07-2007, 11:33:55
    #9
    karacoder
    karacoder
    evet ilki karakter setidir. uft-8 filanda yapabilirsiniz onu.

    sonraki kodta her sayfada bulunmalı.Mesala Dreamweaver kullanırken standart olarak gelir en başa bunlar . Standartı budur.

    Örneğin sayfada

    Alıntı
    <html><head>
    <body>..içerik ...</body>
    </head></html>
    bunu yaparsak doğru olmaz.
    örneğin

    Alıntı
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
    "http://www.w3.org/TR/html4/strict.dtd">
    <html><head>
    <title>Title</title>
    </head>
    <body>
    ... içerik ...
    </body></html>
    yaparsak doğru olur.
    bunları daha detaylı görmek için firefox için eklentisi var kodlardaki hataları gösteriyor.Orda doğrularını veriyor.