Scribd Logo
Upload

Welcome to Scribd!

  • Temel HTML Etiketleri

    Uploaded by

    pinar cizici
    12 views3 pages
    Temel HTML Etiketleri

    Copyright

    © © All Rights Reserved

    Available Formats

    PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    Temel HTML Etiketleri

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    12 views3 pages

    Temel HTML Etiketleri

    Uploaded by

    pinar cizici
    Temel HTML Etiketleri

    Copyright:

    © All Rights Reserved
    Download as PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 3

    EĞİTİM :

    HTML ve CSS

    Bölüm :
    HTML (HyperText Markup
    Language)

    Konu :
    Temel HTML Etiketleri

    Page 1 of 3
    Temel Sayfa Bileşenleri

    Bir HTML sayfasında o sayfanın HTML sayfası olduğunu belirten, sayfanın başlık kısmı ile gövde kısmını
    birbirinden ayıran elementler muhakkak olmalıdır. Bunlar HTML, HEAD ve BODY elementleridir. Bu kodlar ile
    HTML sayfası oluşturabilirsin. HEAD kısmı sayfaya özel tanımlamaların gerçekleştirilecek olduğu kısımdır. BODY
    ise sayfanın şeklinin belirleneceği kısımdır.

    <title>....</title>
    Title komutu, sayfanın başlığının belirlendiği bölümdür. Herhangi bir web sayfasını ziyaret ettiğinde
    tarayıcının üst bölümünde ilgili sayfanın adının yazdığını görürsün. HTML’de sayfanın başlığının belirlendiği
    bölüm TITLE komutudur ve TITLE komutu muhakkak HEAD etiketi arasında yer almalıdır. TITLE komutunu
    aşağıdaki şekilde kullanabilirsin.

    <html>
    <head>
    <title> Açık Akademi | HTML </title>
    </head>
    <body>
    Sayfanın içeriğini oluşturacak kısımlar(yazılar, resimler, vb...)
    </body>
    </html>

    Kodları bir notepad aracılığı ile html sayfası olarak kaydedip sayfayı çalıştırabilirsin. Sayfa çalıştırıldığında
    tarayıcının en üzerindeki başlık bölümüne dikkat ettiğinde “Açık Akademi | HTML” yazıyor olacaktır.

    HTML Satır Araları

    HTML’de bir sayfanın içeriği belirlenirken metinlerin satır bazında birbirinden olan uzaklıklarını
    ayarlamak önemlidir, çünkü son kullanıcının hoşuna gitmesi gereken bir şeyler yapmak için yola çıkıyoruz.
    HTML’de metinleri paragraf bazında gruplamak için <P>, <BR> ve <HR> gibi etiketler kullanılabilir.
    Kullanılabilecek olan etiketler sadece bunlar değildir ve daha fazlası vardır.

    Bu ders notu, Açık Akademi projesi çerçevesinde TCM tarafından Microsoft Türkiye için hazırlanmıştır.
    Tüm hakları Microsoft Türkiye’ ye aittir. İzinsiz çoğaltılamaz, para ile satılamaz.
    Page 2 of 3
    <P>...</P>
    Paragrafı simgeler. <P> etiketi kullanılarak HTML içerisinde tıpkı Word’de olduğu gibi paragraflar
    oluşturabilirsin. Sonraki bölümde göreceğin CSS sınıfları ile paragrafa özel sitiller verip o paragraf içerisinde
    bulunan yazıların tamamının görünümü, kolaylıkla belirlenebilir.

    <BR />
    Bir paragraf içerisindeki metnin alt satıra alınmasını sağlar.

    <HR />
    HR’de BR gibi metni bir alt satıra alır ancak arada bir tane de çizgi koyar.

    Şimdi açıklanan bu üç etiketi kullanan bir sayfa tasarlaman gerekiyor. Sayfada iki tane paragraf ve
    paragraf içerisindeki metinler alt satırlarda olsun.

    <html>
    <head>
    <title>Satır Araları</title>
    </head>
    <body>
    <p>
    Paragraf 1
    Bu satır altta olacak mı?</p>
    <p>
    Paragraf 2
    <hr />
    İkinci paragraf
    <br />
    Bu noktadan sonra alttan devam edecek...</p>
    </body>
    </html>

    Bu kodları HTML sayfası olarak çalıştırıp aşağıda yer alan sonuçları görüntüleyebilirsin.

    Bu ders notu, Açık Akademi projesi çerçevesinde TCM tarafından Microsoft Türkiye için hazırlanmıştır.
    Tüm hakları Microsoft Türkiye’ ye aittir. İzinsiz çoğaltılamaz, para ile satılamaz.
    Page 3 of 3

    You might also like