Bu makale kolay yoldan HTML’de nasıl basit cümleler ve paragraflar oluşturacağınız konusunda size bir klavuz niteliğindedir. Bunun için birçok program kullanılmakla birlikte sadece bilgisayarınızdaki “Not Defteri/ Metin Belgesi (Not Pad/ Text Document)” ile HTMl kodlarının basitçe kullanımı burada adım adım anlatılacaktır.
[the_ad id=”17227″][the_ad id=”17228″]
Basit HTML Formatını Kullanmak
1 İlk olarak HTML hakkında temel bilgiler:HTML programlamak için bazı “etiketleri (tags)” kullanmak gerekmektedir. Bu etiketler metin biçimlerini vermek, tablolar eklemek, resimler eklemek vb yapmak için gereklidir.
Bir etiket “<>” sembolleri arasına konularak gösterilir, <XXXX> gibi.
İki türlü etiket vardır: Açma ve kapama.
Açma etiketleri sadece bir anahtar kelimeye sahiptir. Örneğin <XXXX>
Kapatma etiketlerinde iki anahtar kelime bulunmaktadır. Web sitenizde görünmesini istediğiniz bir metnin sonuna “/” işareti ilave edilerek sonlandırılır. Örnek:
<YYYY> merhaba, benim adım sosyallob </YYYY> gibi.
2 Yeni bir not defteri açın.
3 Tip <html> <body> İlk Web Siteme Hoşgeldiniz </ body> </ html>
- Not defterinin içine yukarıdaki örnekteki gibi ilk komutlarınızı yazın. Dilerseniz “İlk Web Siteme Hoşgeldiniz” kısmına görünmesini istediğiniz başka bir metin yazabilirsiniz.
4 İstediğiniz herhangi bir isim ile belgeyi kaydedin. Ancak uzantısını “.html” olarak ayarlamalısınız. Biz bu örnekte website.html şeklinde kaydedeceğiz.[adsmobil]
5 Belgeyi kaydettiğiniz klasöre gidin. Kullandığınız Windows’a göre ya Internet Explorer şeklinde bir simge olacak ya da benzeri bir şekilde kaydettiğiniz kısımda dosyanız görünecektir.
6 Kaydettiğiniz “website.html” yi açın ve ekranınızda bu görüntüyü görün.
7 Yeni etiketleri deneyin. Burada en yaygın etiketlerin listesi yer almaktadır.[adsyatay][adsmobil]
- BOLD (yazı kalınlaştırma): <b> selam </b> → selam
- ITALIC (italic yazma): <i> selam </i> → selam
- UNDERLINE (altı çizili yazma): <u> selam </u> → selam
- FONT COLOR (font rengini ayarlama): <font color=”f11a0a” > selam </font> → selam
- SPACE BETWEEN LINES (enter) (satır boşluğu bırakma): selam < br > nasılsın? → selam
nasılsın?
Video:
İpuçları:
- HTMl dilinde renkler kodlarla ifade edilmiştir. Örneğin; 0000ff=mavi
- Renk kodları 0123456789 abcdef harf ve rakamlarından oluşan 6 haneli kodlardır.
- Daha fazla renk kodu istiyorsanız internetten ufak bir araştırmayla bulmanız mümkündür.
- Bu şekilde not defterinde denemeler yaparak kaydederseniz “website.html” sayfasını yenilerseniz yaptığınız değişiklikleri anında görebilirsiniz.
- Kişisel web sitenizi oluştururken daha fazla html etiketlerine ihtiyacınız olabilir. Bunun yapmanız gereken tek şey internette bunları araştırmaktır.
- Bazı renk kodlarına örnek vermek gerekirse: ffffff=beyaz, 00ff00=yeşil, ff0000=kırmızı, 000000=siyah
[adskarekare]