Hyper Text Markup Language (Köprü Metin İşaretleme Dili) kelimelerinin baş harflerinden oluşan HTML, web sayfalarının standart dilidir. Web sayfalarının oluşturulmasında kullanılır. Tarayıcılar ( Chrome, Explorer, Safari vb…) html kodlarını işleyerek web sayfasına çevirir. Html5 bu dilin son sürümüdür. 2014 yılında tanıtıldı. Html5 ile beraber bazı etiketler kaldırılırken yeni tanımsal etiketler(<header>, <article>, <footer> vb…) geldi.
Html dili ile web siteleri oluştururuz ve web sitelerine yazı, görsel (resim, gif vb..) ve video ekleyebiliriz. Web sitesi oluştururken veya siteye yazı, görsel vb. eklerken etiketlerle (etiketin ne olduğunu aşağıda yazacağım) yapılır. Etiketler ( Tag ) tarayıcılar tarafından işlenerek bizim gördüğümüz şekilde web sitesi haline gelir.
Html kodlarını yazmak için herhangi bir uygulama zorunlu olmasa da kolaylık olması açısından Dreamweaver, NotePad, Bacget, Visual Studio Code vb… ortamlarda yazmak kolaylık sağlıyor. Kaydedilirken .html uzantılı şekilde kaydedilmesi gerekir.
Yapısı aşagıdaki gibidir.
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8" />
<title></title>
</head>
<body>
</body>
</html>Mucidi kimdir?
Tim Berners-Lee tarafından icat edilmiştir. Prof. Dr. Tim Berners-Lee İsviçre CERN de çalışırken verileri daha rahat bir şekilde paylaşmak için 1989’da World Wide Web ( www. ), Hyper Text Tranfer Protocol ( HTTP ) ve 1990’da Hyper Text Markup Language ( HTML ) icat etmiş. “www” World Wide Web’in ( Dünya Çapında Ağ ) baş harflerinden oluşmuş ve bilgi sunumu ve paylaşımını sağlar. HTTP ise web sayfalarının internetteki sitelere bağlanmasını sağlayan sistemdir. İcat ettiği bu teknolojilerden telif hakkı istememiştir. Bu sayede hızlı bir şekilde yaygınlaşmıştır.
Html Etiket ( Tag ) ‘leri Nedir?
Html etiketleri büyüktür ve küçüktür işaretleri arasına yazarak kullanırız. Etiketler tarayıcılar tarafından anlaşılan kodlardır. Etiketleri derleyerek bizim gördüğümüz şeklindeki web sitesine dönüştürür. Örneğin etiket olarak yukarıdaki yapıdakiler den söz edelim.
- <html> etiketi diğer bütün etiketlerin içine yazıldığı ve tarayıcıların html olarak yazıldığını anlamasını sağlar. Burada <!DOCTYPE html> şeklinde yazılması html5 olduğunu vurgular.
- <head> etiketi hazırladığımız sayfa ile ilgili bilgileri ve tanımlamaları içerir.
- <body> etiketi sayfa içeriğinin yazıldığı yerdir. Tarayıcılar sitelerin bu etiketini derleyip bizlere gösterir.
- <title> etiketi sayfa başlığının yazıldığı etikettir.
HTML5 SÖZ DİZİMİ KURALLARI
1 – Etiketler küçüktür ve büyüktür işaretleri içerisine alınarak yazılır. Açılan tüm etiketler kapatılmalıdır. Etiketler başlanğıç etiketi “<…>” ile açılıp, kapanış etiketi </..> ile kapanır. Örneğin <title> …</title> gibi. Bazı etiketlerin saklayacakları içerik etiketin bir özelliği ile tanımlanır. Bu durumda ilgili etiket kapanış etiketi kullanmayız yani tek taraflıdır. Bu durumda etiket ( / ) karakteri ile kapatırız.
<meta charset="utf-8"> DOĞRU
<meta charset="utf-8" /> DOĞRU
<img src="resim.jpg" alt="resim" /> DOĞRU
<img src="resim.jpg" alt="resim"> YANLIŞ
2 – İç içe kullanılan etiketlerde sıralama önemlidir. İlk önce açılan etiket en sonda kapatılmalıdır.
<div><em><strong>İÇERİK</strong></em></div> DOĞRU
<div><em><strong>İÇERİK</div></em></strong> YANLIŞ
3 – Etiketlerin, özelliklerin ve seçici isimlerinin büyük veya küçük harfle yazılmasında web sayfasının görüntülenmesi açısından bir sakınca yoktur. Ancak W3C tarafından önerilen küçük harf kullanımıdır.
4 – Etiketler küçük veya büyük harflerle yazılabiliriz. Genel olarak küçük yazarız. Örnek <HEAD> değil de <head> yazılmalıdır.
5 – Etiketler yazılırken türkçe karakter kullanmamalıyız. Yazılım dünyasında genel olarak kullanılması tavsiye edilmez. Hatalara sebep verebiliriz.
Başka bir yazımızda görüşmek üzere… …
