19 Aralık 2012 Çarşamba
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 :
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.
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 yazimBirinci 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 yazimBaslik yazimBaslik yazimBaslik yazimBaslik 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 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/
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/
