• Posted by : Unknown 19 Aralık 2012 Çarşamba

    HTML5

    Blogger kullanıcıları olarak, HTML kodları hakkında küçük ipuçları ile kodlardan korkmadan çalışmanızı düşünerek sizlere bazı bilgileri aktarmak isterim. Blogcu arkadaşlar yazılım, proğram yapmıyoruz. Alıntı kodlarla paylaşım yapıyoruz. Web de herkes bir yerden bulduğunu yazıyor. Süper kod bilgisine sahip arkadaşlarımız var.Ancak çağımızda birçok araç bu işlemleri yapabiliyor. Bloglarımıza eklediğimiz kodların hakkında bazı küçük bilgileri bilmek sizi dahada cesaretlendirecektir.
    Bloglarının bozulacağını düşünerek kodları kullanmayan binlerce insan var. Ancak yaptığımız her iş kodlarla oluyor. 
    Sizlere basit bir örnek vermek isterim.
    Blogunuzda yazı yazdığınız paneli açın ve adınızı yazın, birşeyler yazın. Yazınızı biçimleyin, küçük büyük, renkler vs.gibi. Gördüğünüz sadece yazdığınızdır.


    Şimdide yazdığınızı biçimleyen editörün HTML butonuna tıklayın. Yazdığınızdan farklı şeyler göreceksiniz. İşte en basit şekli ile editörünüzün HTML çeviricisinin son hali bu şekilde olacaktır. Oluştura tıkladığınızda biraz önce yazılanları göremeyeceksiniz. Buraya kadar çok basit bir örnek vermek istedim. HTML modunda resminizin boyutunu dahi küçültebilirsiniz.
    Resim küçültme ile bir örnek verelim :



         1. Resim Küçültme örneği

    Yukarıdaki resim 82,4 kb yer kaplamaktadır. Yukarıda s128 yazılı kısımda görülmektedir. Bu resmi s1600, s800 vs gibi boyutlandırabilirsiniz. Bu blogunuzun açılış hızınıda etkiler ve küçültükçe hızlı açlımasını sağlar.Blogunuza eklediğiniz tüm resimler S1600 ölçeğinde yapışır.Bunu anlattığım şekilde değiştirebilirsiniz.

    Şimdi de s400 boyutuna aldım. İkisi arasındaki farkı daha iyi anlayacaksınız.



                                                     
                                               2. Resim Büyütme Örneği
    HTML kod ana yapısı ;

    <!DOCTYPE html>
    <html>
    <body>

    <h1>Başlik yazim</h1>

    <p>Birinci paragraf yazım.</p>

    </body>
    </html>

    Kod dönüştükten sonraki görünüm.Dil algılanmamış ham hali.

    Baslik yazim

    Birinci paragraf yazim.

    HTML olarak şimdide ( h1)...( h1) arasındaki kodları ( h2)... (h2)ve (h3,h4)
    olarak yaptığımda çıkan sonucu görelim.



    <!DOCTYPE html>
    <html>
    <body>

    <h1>Başlik yazim</h1>
    <h2>Başlik yazim</h2>
    <h3>Başlik yazim</h3>
    <h4>Başlik yazim</h4>

    <p>Başlik yazim.</p>

    </body>
    </html>

    Ve bizim gördüğümüz kısımlar 


    Baslik yazim

    Baslik yazim

    Baslik yazim

    Baslik yazim

    Baslik yazim.


    Örnek Açıklaması

    • DOCTYPE bildirimi belge türünü tanımlar
    • <html> Ve </ html> arasındaki metin web sayfasında açıklanmaktadır
    • <body> Ve </ body> arasındaki metin görünür sayfa içeriği
    • <h1> Ve </ h1> arasındaki metin başlık olarak görüntülenir
    • <p> Ve </ p> arasındaki metni bir paragraf olarak görüntülenir


    HTML Etiketleri

    <tagname> içeriği </ tagname>

    HTML Elementleri


    <p> Bu bir paragraftır. </ p>

    Aşağıda da HTML Sayfa Yapısı görülmekte
    Karadenizli olduğumdan (da) kelimesini çok yazıyorum, kusura bakmayın.

    HTML Sayfa Yapısı
    HTML bu kadar mı ? Hayır arkadaşlar çok uzun bir konu. Ben sadece okyanusda bir damla göstermeye çalıştım. Asıl bilgileri verdiğim site linkinden sizde inceleyerek birçok işlemi anlayabilir ve yapabilirsiniz. Kendinizi geliştirmeniz için basit bir iki örnek gösterdim. Umarım faydalı olmuştur.
    Bilgisayarınıza veya Blogunuza kaydederek elinizin altında bulunması gereken değerli bu hazineye sahip çıkın yararlanın. Şimdiden kolay gelsin. Gözünüz korkmasın.
    Tüm bilgileri alabileceğiniz Link bağlantısı :
    http://www.w3schools.com/

    Leave a Reply

    Subscribe to Posts | Subscribe to Comments

  • Copyright © 2013 - Hyperdimension Neptunia

    Blogger Ve Wordpress Tema Arşivi - Powered by Blogger - Designed by Johanes Djogan