HTML Nedir?

HTML (HyperText Markup Language) metin işaretleme dillerinden birisi olan HTML web sayfalarını oluşturmak için kullanılır. Bu işaretleme dilinin standartları W3C tarafından belirlenir.

Dilin en güncel sürümü HTML5 olarak adlandırılan oldukça gelişmiş bir sürümdür ve HTML5.1 alt sürümü halka açık duyurulmuştur. HTML5.2 alt sürümü ise 25 Şubat 2017 tarihinde taslak olarak sunulacağı düşünülmektedir. bknz.

HTML programlama dilleri arasında değildir, bunun nedeni bu dil ile kendi başına çalışabilen programlar yazılamaz. HTML sadece bir işaretleme dilidir, web taratıcıları tarafından yorumlanır. Bu nedenle yorumlanan işaretlemeler,  tarayıcılar arasında farklılık gösterebilir.

HTML web sayfalarında çoğunluk olarak CSS ve JavaScript ile birlikte kullanılmaktadır. Bu sayede etkileşimli sayfalar oluşturulabilir.

HTML Neler Yapabilir?

HTML ile web sayfalarınızda yapabileceklerinizden bazıları aşağıda listelenmiştir.

  • Başlıklar,metinler,listeler,tablolar,resimler içeren web sayfaları.
  • Programlama dillerinin kullanabileceği form yapıları.
  • Web sayfalarına doğrudan video,ses ve elektronik belgeler görüntüleme.

 

HTML Nasıl Kullanılır?

HTML dosya türü olarak .html uzantısını kullanmaktadır. İşaretlemeler büyüktür >  ve küçüktür <  işaretlerinin arasında yapılır. Genel olarak işaretlemeler işaretlenecek metnin başında ve sonunda kullanılır, ancak bazı durumlarda işaretleme tek olarak yapılır. Fakat her iki şekilde de açılan bir etiket kesin olarak kapatılmak zorundadır. Aşağıdaki basit web sayfası örneğini incelediğinizde daha anlaşılır olabilir.

örnek.html içeriği;

 

Yukarıdaki örnek web sayfasında görüldüğü üzere çok basit bir şekilde sayfamızı oluşturduk. Web sayfamızda bir <h1>  başlığı girdik, kısa bir paragraf girdik <p>  ve ilgili içeriğimize birde resim dosyası ekledik. <img>  Son olarak da örnek bir bağlantı ekledik.  <a>

HTML ile Stil Kullanımı Nasıl Yapılır?

Stiller web sayfalarımızı daha estetik göstermek için kullandığımız sayfa biçimlendirme etiketleridir. Oluşturduğumuz web sayfalarının arka plan renklerini, yazı tiplerini, yazı boyutlarını, yazı renklerini, resim boyutlarını stil etiketleri ile tanımlayabiliriz. Böylece oluşturduğumuz sayfa karman çorman bir halde olmak yerine düzenli ve estetik olabilir. Stil dosyaları CSS ile de kullanılabilir. CSS dosyalarına yaptığımız tanımlamaları küçük bir meta etiket kodu ile sayfamıza dahil edebiliriz. İsterseniz gelin biraz örnekleri inceleyelim.

örnek.html

Yukarıda görüldüğü gibi her etiketimize ayrı ayrı sitiller belirttik. Stilleri belirtirken bir kaç farklı renk kodu kullanabiliriz. Yukarıdaki örnek.html dosyasını mesela HEX renk kodları ile yaptık isteseydik #efefef  yazmak yerine gray  olarak da yaza bilirdik.

Stillerimizi ayrı bir dosyadan çağırmak isteseydik aşağıdaki gibi yapacaktık.

 

stil dosyamız ise şöyle olacaktı;

stil.css

 

Merhaba ben Cihan EKEN
 
Uzun yıllardır bilgisayar ve internet ile ilgileniyorum. Esasen mesleğim Elektrik Teknisyeniyim fakat hem keyif aldığım için hem hobi amaçlı web siteleri ve bunların gelişimi ile ilgileniyorum.
 
Wordpress özellikle ilgi alanıma giren bir sistem, bu nedenle sık sık Wordpress hakkında faydalı paylaşımlar yapıyorum. Bunun haricinde web sitelerinin SEO ve özellikle de Site İçi SEO gelişimlerini araştırmakta ve bu gelişimleri takip etmekteyim.
 
1993 ANKARA doğumluyum. Şuan da Fransa da yaşamaktayım. Merak edip okuduğunuz için teşekkürler. :)

Bir Cevap Yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Dış Bağlantılarım