1. Bu site çerez kullanmaktadır. Siteyi kullanmaya devam etmeniz halinde çerez kullanımı ile ilgili site koşullarını kabul etmiş sayılırsınız. Daha Fazlasını Öğren.
  2. Forum İllegal Uyarısı Forum kuralları gereği forumda video ve illagal paylaşım yapmak yasaktır.Program Arşivimizde ise kısıtlanmış sürüm yada dağıtımı serbest olan (trial - freeware) yazılımlar yayınlayınız..Aksi takdirde mesajlarınız silinecektir..

HTML'e Giriş

Konusu 'Görsel ve Resimli Anlatımlar' forumundadır ve uydudoktoru tarafından 20 Ekim 2009 başlatılmıştır.

  1. uydudoktoru
    Offline

    uydudoktoru Aktif Üye Yönetici Yönetici

    Katılım:
    13 Haziran 2009
    Mesajlar:
    2.142
    Ödül Puanları:
    38
    HTML dosyası nedir?

    • HTML'in açılımı Hyper Text Markup Language (Bunun tam Türkçe'si bulunmamakla beraber "çok yere açılan metin" denebilir.
    • Bir HTML dosyası bir text dosyası olmakla beraber markup tags (işaretlenmiş etiketler) içerir
    • Markup tag'ler web tarayıcınıza sayfanın nasıl gösterileceğini gösterir.
    • Bir HTML dosyasının uzantısı htm veya html olmak zorundadır.
    • Bir HTML dosyası basit bir text editör ile oluşturulabilir.
     
  2. uydudoktoru
    Offline

    uydudoktoru Aktif Üye Yönetici Yönetici

    Katılım:
    13 Haziran 2009
    Mesajlar:
    2.142
    Ödül Puanları:
    38
    Denemek İster misiniz?

    Eğer Windows kullanıyorsanız not defterini açın.
    Eğer MAC kullanıyorsanız SimpleText programını açın.
    Eğer OSX kullanıyorsanız, TextEdit'i açın ve aşağıdakileri yapın: "Format" menüsünü açın ve "Rich Text" yerine "Plain Text" seçeneğini seçin. Sonra "Text Edit" menüsünün altında bulunan "Preferences" penceresini açın ve "Ignore rich text commands in HTML files" seçeneğini seçin. Eğer bu değişiklikleri yapmazsanız HTML dosyasınız büyük ihtimalle çalışmayacaktır!
    Aşağıdaki metini açtığınız editör içerisine yazın:


    Kod:
    <html>
    <head>
    <title>Sayfa Başlığı</title>
    </head>
    <body>
    Bu benim ilk sayfam <b>Bu metin koyu</b>
    </body>
    </html>
    Dosyayı "sayfam.htm" olarak kaydedin.
    Oluşturduğunuz dosyaya çift tıklayın. Dosya tarayıcınızda açılacaktır.
     
  3. uydudoktoru
    Offline

    uydudoktoru Aktif Üye Yönetici Yönetici

    Katılım:
    13 Haziran 2009
    Mesajlar:
    2.142
    Ödül Puanları:
    38
    Örneğin Açıklaması

    HTML dökümanınızdaki ilk tag (etiket) <html>'dir. Bu etiket tarayıcınıza bir HTML dosyasının koşturulacağını söyler. HTML dökümanınızdaki son tag (etiket) </html>'dir. Bu da tarayıcınıza HTML dosyasının sonunun geldiğini söyler.

    <head> ve </head> etiketleri arasında kalan kısım başlık bilgilerini içerir. Başlık bilgileri tarayıcı penceresinde görüntülenmez.
    <title> ve </title> etiketleri arasında kalan kısım dökümanınızın başlık bilgilerini içerir. Başlık tarayıcı penceresinin en üstünde görüntülenir.
    <body> ve </body> etiketleri arasında kalan kısım, tarayıcı penceresinde görüntülenecek olan kısımı içerir.
    <b> ve </b> etiketleri arasında kalan kısım ise koyu (bold) biçimde gösterilir.
     
  4. uydudoktoru
    Offline

    uydudoktoru Aktif Üye Yönetici Yönetici

    Katılım:
    13 Haziran 2009
    Mesajlar:
    2.142
    Ödül Puanları:
    38
    HTML Editörleri Hakkında Not

    HTML Editörleri Hakkında Not:

    HTML dosyalarınızı kolay bir şekilde WYSIWYG (what you see is what you get), FrontPage veya Dreamweaver ile de hazırlayabilirsiniz.
    Bununla beraber, eğer profesyonel anlamda HTML çalışmak istşyorsanız mutlaka not defteri (notepad) kullanmanızı tavsiye ederiz.
     
  5. guclusat
    Offline

    guclusat Tanınmış Üye Süper Moderatör

    Katılım:
    14 Haziran 2009
    Mesajlar:
    9.754
    Ödül Puanları:
    48
    HTML Öğeleri

    HTML dökümanları, HTML öğeleri kullanılarak oluşturulan metin dosyalarıdır.
    HTML öğeleri, HTML etiketleri kullanılarak tanımlanır.
    HTML Etiketleri


    • HTML etiketleri, HTML öğelerini belirtmek için kullanılır.
    • HTML etiketleri 2 karakter ile sınırlanır. < ve >
    • Bu karakterlere grup parantezleri (angle brackets) denir.
    • HTML etiketleri çift olarak kullanılır. Örn: <b> Bu metin koyu fonttadır. </b>
    • Bu çiftlerden birincisine başlama etiketi, ikincisine ise bitiş etiketi denir.
    • Başlama ve bitiş etiketleri arasında kalan herşeye ise öğe içeriği (element contents) denir.
    • HTML etiketleri büyük/küçük harfe duyarlı değildir, yani <b> ve <B> aynı görevi görür. (Türkçe karakter olan "İ" ve "ı" harflerinin bu durumun dışında kaldığını unutmayınız.)
    HTML Öğeleri

    Önceki sayfadaki örneğimizi hatırlayalım:
    Kod:
    <html>
    <head>
    <title>Sayfa Başlığı</title>
    </head>
    <body>
    Bu benim ilk sayfam <b>Bu metin koyu</b>
    </body>
    </html>
    Bu bir HTML öğesidir:
    Kod:
    <b>Bu metin koyu</b>
    HTML öğesi başlangıç etiketi olan <b> ile başladı.
    HTML öğesinin içeriği: Bu metin koyu
    HTML öğesi bitiş etiketi olan </b> ile sonlandırıldı.
    <b> etiketinin amacı, görüntülenecek olan metinin koyu gösterilmesi gerektiğini bildirmektir.
    Etiketleri neden küçük harflerle belirtiriz?

    HTML etiketlerinin büyük/küçük harfe duyarlı olmadığını söylemiştik: <B> ve <b> aynıdır. Eğer Web'de gezintiye çıkarsanız bir çok sitenin kaynak kodunun bütük harflerle yapılmış olduğunu göreceksiniz..Fakat biz her zaman küçük harf kullanırız. Neden?
    Eğer Web standartlarını kontrol etmek istiyorsanız küçük harf kullanmalısınız. World Wide Web Consortium (W3C) HTML 4 versiyonu ile beraber küçük harf kullanımını önerir. Ayrıca XHTML (yeni nesil HTML) dili de bunu kullanmanızı şiddetle önerir.
     
  6. guclusat
    Offline

    guclusat Tanınmış Üye Süper Moderatör

    Katılım:
    14 Haziran 2009
    Mesajlar:
    9.754
    Ödül Puanları:
    48
    Temel HTML Etiketleri

    HTML dilindeki en önemli etiketler, başlıklar, paragraflar ve satır atlama etiketleridir.
    HTML'i öğrenmenin en iyi yolu örneklerle çalışmaktır. Sizin için çok kullanışlı bir HTML deneme editörü hazırladık. Bu editör ile kendi kaynak kodlarınızı girip anında test edebilirsiniz.
    Kendin Dene - Örnekler

    Çok basit bir HTML dökümanı
    Bu örnek en az HTML etiketleri kullanılarak oluşturulmuş çok basit bir HTML dökümanıdır.
    Basit paragraflar
    Bu örnekle paragrafların nasıl oluşturulduğunu görebilirsiniz.
    Başlıklar

    Başlıklar <h1> ve <h6> dahil olmak üzere aradaki tüm rakamlar kullanılarak tanımlanabilir. <h1> en büyük puntoyu belirtirken, <h6> ise en küçük puntoyu belirtir.
    <h1>Bu bir başlık</h1>
    <h2>Bu bir başlık</h2>
    <h3>Bu bir başlık</h3>
    <h4>Bu bir başlık</h4>
    <h5>Bu bir başlık</h5>
    <h6>Bu bir başlık</h6> HTML dili otomatik olarak başlık etiketlerinin öncesinde ve sonrasında bir satır atlar.
    Paragraflar

    Paragraflar <p> etiketi ile belirtilir.
    Kod:
    <p>Bu bir paragraf</p>
    <p>Bu da başka bir paragraf</p>
    HTML dili otomatik olarak paragraf etiketlerinin öncesinde ve sonrasında bir satır atlar.
    Etiketleri kapatmayı unutmayın!

    Bir önceki örnekte paragrafın </b> etiketi ile bittiğini gördünüz:
    Kod:
    <p>Bu bir paragraf
    <p>Bu da başka bir paragraf
    Çoğu browser büyük ihtimalle yukardaki gibi yazsanız bile çalıştıracaktır ama buna pek fazla güvenmeyin çünkü gelecek versiyon HTML dili hiçbir etiketi atlamanıza izin vermeyecektir.
    Satır atlama

    Satır atlamak için <br> etiketi kullanılır. Ancak bu etiketin yeni bir paragraf açmadığını da unutmayınız.
    Kod:
    <p>Bu <br>bir <br>çok satırlı paragraftır.</p>
    Kendin dene!
    <br> etiketi boş bir etikettir. </br> gibi bir bitiş etiketi yoktur.
    <br> mi <br /> mi?

    Bir çok yerde <br> etiketinin <br /> olarak kullanıldığını göreceksiniz.
    Çünkü <br> etiketi bir bitiş etiketi bulundurmaz ve bu özellik gelecek nesil HTML (XML ve XHTML) dilinin ilk kuralını bozmaktadır. Bu yüzden <br /> etiketini kullanmanızı tavsiye ederiz.
    HTML içinde açıklama (yorum) satırları yaratmak

    Yorum satırları HTML kaynak kodu içerisine programcıların hangi satırın ne iş gördüğünü anlatmak için kullanılır. Bu satırlar, sayfa browser'da görüntülenirken dikkate alınmazlar.
    Kod:
    <!-- Bu bir açıklama -->
    Temel Notlar - Yararlı İpuçları

    HTML kodlarınızın başka browser'larda nasıl görüntüneceğini asla bilemezsiniz. Ayrıca bazı kullanıcılar geniş ekran monitörlere sahipken bazıları küçük ekranlara sahiptir. Bu sebeple metinler, kullanıcı penceresini her yeniden boyutlandırmasında değişecektir. Asla metinlerinizi fazladan boşluk bırakmak gibi tekniklerle biçimlendirmeye çalışmayın.
    HTML koyduğunuz boşlukları sürekli teke indirecektir.
    Boş bir satır bırakmak için <p> kullanmak kötü bir tekniktir, bunun yerine <br /> etiketini kullanınız. (Ama asla <br /> ile sıralı liste oluşturmayınız. HTML ile listeleme konusuna kadar bekleyiniz.)

    Temel HTML Etiketleri


    <html> Bir HTML dökümanını belirtir
    <body> Dökümanın görüntülenecek kısmını berlitir.
    <h1> to <h6> Başlıkları belirtir.
    <p> Bir paragraf belirtir
    <br> Boş bir satır bırakır.
    <hr> Sayfada yatay bir çizgi çizer
    <!--> Yorum satırı olduğunu belirtir.
     
Yüklüyor...
Benzer Konular - HTML'e Giriş
  1. guclusat
    Mesaj:
    0
    Görüntüleme:
    686

Sayfayı Paylaş