Basit HTML Formatı Nasıl Kullanılır?

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, gibi.

İki türlü etiket vardır: Açma ve kapama.

Açma etiketleri sadece bir anahtar kelimeye sahiptir. Örneğin

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:

merhaba, benim adım sosyallob gibi.

2 Yeni bir not defteri açın.

3 Tip   İ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]

8 En temel etiketleri inceleyecek olursak:

• BOLD (yazı kalınlaştırma): selam  → selam

• ITALIC (italic yazma):  selam  → selam

• UNDERLINE (altı çizili yazma):  selam  → selam

• FONT COLOR (font rengini ayarlama): selam   → selam

• SPACE BETWEEN LINES (enter) (satır boşluğu bırakma): selam < br > nasılsın? → selam

nasılsın?

Video:

https://www.youtube.com/watch?v=7gfJNk\_SAbU

İ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]