14 Mayıs 2012 Pazartesi

Html Dersleri (yeni başlayanlar için )

Html e sıfırdan başlamak isteyenler için kaynak olabileceğini düşündügüm html derslerinin ilk bolumune hosgeldiniz.Parça parça anlatmaya çalışacağım umarım faydalı olur.

<html>

<body>

<h1>İlk Baslık </h1>

<p> bu ilk paragraf </p>

</body>

</html>

notepad e yukarıdaki html kodlarını yazdıgımız zaman aşağıdaki sonucu alırız. Şimdi html etiketlerini açıklayayım.

< h1 > etiketi başlıgınızın boyutunu ayarlar </ h1 >

< h1 > , < h2 > gibi < h 6 > ya kadar gider < h1 > en büyüktür < h 6 > ya dogru gittikçe başlık küçülür.

<p > ise paragrafın baş harfinden gelir ve düz bir metin yazısı yazacagımız zaman bu html etkietini kullanırız < /p > bunları kendi blog sitenizde HTML ' yi Düzenle kısmında da uygulayarak gorebilirsiniz.

İlk Baslık

bu ilk paragraf

Girişte basit bir şekilde göstermeye çalıştım siz kendi kendinize uygulamalar yaparak daha fazla kendinizi geliştirebilirsiniz.

29 Temmuz 2011 Cuma

Blogspot Kullanıcıları İçin Html Kodları

HyperTextMarkupLanguage

Öncelikle html in kısaca tanımlayarak başlamak istiyorum.Html in Açılımı HyperText Markup Language olup türkçesi de Hareketli Metin İşaretleme Dili anlamına gelmektedir. Blog yazarları yazılarınızın görünümü hmtl kullanarak daha güzel bir hale getirebilmeniz mümkün.mesela kayan yazı efekti kullanarak sayfanıza gelen ziyaretcilerin dikkatini çekmeyi basarabilirsiniz.Tabi sadece kayan yazı efektiyle sınırlı degil font larınızın renklerini değistirerek daha renkli bir blog yazarı olabilirsiniz.Bunun yapabilmeniz için biraz basit html kodlari yayınlacağım..umarım herkesin işine yarar.

İlk 4 etiketi herkes biliyor zaten otamatik olarak editörden de kullanabiliyoruz.

<b>bold</b>etiketi bold yani yazımızı daha kalın hale getirir.
<i>italic</i> anlamına gelir yazımızı egik bir hale sokar
<u>alti çizili </u> <u>etiketi yazımızın altı çizili hale getirir.
<strike>~~ortası çizilmiş~~</strike> yazimizin ortasından çizgi geçer siliklik efekti.

Şimdi ise editörde bulunmayan etiketleri gösterecegim.

^burakemekblogspot<sup> etiketi ise biraz daha yukarı yazar.</sup>

burakemekblogspot <big>etiketi yazimizin fontunu büyütür</big>

burakemek.blogspot <strong>etiketi yazımızı daha vurgulu bir hale getirir</strong>.

burakemekblogspot <small>etiketi yazimizi bir font daha kücültür</small>

_burakemek blogspot<sub>.etiketi yazıyı biraz alta kaydırır.</sub>

^{HTML Kayan Yazı Efektleri}

Aşagıdaki kodları kullanarak sayfanıza html kayan yazı efektini uygulayabilirsiniz.

Yukarıdan Aşağıya ;

<marquee align="middle" scrollamount="1" height="20" width="80%" direction="down"scrolldelay="1">burakemek.blogspot.com</marquee>

Sağdan Sola ;

<marquee direction=right>burakemek.blogspot.com</marquee>

Soldan Sağa;

<marquee>burakemek.blogspot.com</marquee>

Sağdan Sola ve Soldan Sağa;

<marquee behavior=alternate>burakemek.blogspot.com</marquee>

Aşağıdan Yukarıya;

<marquee align="middle" scrollamount="1" height="20" width="80%" direction="up"scrolldelay="1">burakemek.blogspot.com</marquee>

burakemek.blogspot.com

burakemek.blogspot.com

burakemek.blogspot.com
burakemek.blogspot.com

burakemek.blogspot.com

burakemek.blogspot.com yazan yere kendi istediginiz yazıyı ekleyebilirsiniz.

Böylelikle html marquee etiketini kullanarak yukarıda ki örneklerde olduğu gibi yazılarımızı istediğimiz yöne doğru kaydırabiliriyoruz.