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

 

Bu içerik hakkında yorum yapın. Abone Ol

Araştırmacı Webmaster Aracı Diigo ile Hayatınızı Kolaylaştırın

diigo

Web site yöneticilerinin, içerik editörlerinin, web yazarlarının kısacası İnternet üzerinde araştırma yapan, bilgi toplayan, içerik oluşturmak için kaynaklar arayan...

Mobil Aramalar İçin Google “Hız Güncellemesi” Duyuruldu

hızlı mobil web siteleri

Google Webmaster Blog'undan 26 Ocak 2018 tarihinde duyurulan mobil aramalar için hız güncellemesi hakkında bilgilendirme. Masaüstü cihazlar tarafından yapılan...

Meta açıklamalar hakkında bilmeniz gereken her şey

Meta açıklamalar nedir, sıralamaya etkisi, seo uyumlu açıklamalar

Meta açıklamalar; bir sayfanın veya içeriğinin ne ile alakalı olduğunu anlatan kısa özet metinler olduğunu söyleyebiliriz. Bu metinler arama...

Rastgele Yazılar

WordPress 4.7.3 Planlı Güvenlik Güncellemesi Yayınlandı

Wordpress Official Logo

Wordpress 6 Mart 2017 tarihinde 4.7.3 sürümü güvenlik güncellemesini yayınladı. Web siteleri otomatik güncellenmeyen kişilerin bir an önce Wordpress...

WordPress Yazıların Değişmesi ve Hack Olayları

Wordpress Hack Olayları Son zamanlarda Wordpress web sitesi sahibi bir çok kişinin sitelerindeki içeriklerin, yazıların değiştirilmesi ile ilgili şikayetleri...

Alexa Düşürme Savaşları

Alexa Sıralamalarının Gereksizliği Hakkında Bir Yazı

Bir web sitesine sahip olmayanlar bilmezler belki, büyük ihtimal fakat web site sahibi olan webmaster arkadaşlar Alexa'nın ne olduğunu...