HTML Nedir?
HTML web sayfaları oluşturulurken kullanılan standart biçimlendirme dilidir. Herhangi bir web sitesine girdiğinizde, tarayıcı ekranında karşınıza gelen şey bir HTML belgesidir. Web siteleri birbirine linklenmiş HTML dosyalarından oluşur. Google Chrome, Firefox, Safari, Edge gibi internet tarayıcıları HTML belgelerindeki etiket adı verilen kodları kullanarak size HTML belgesi içerisindeki içeriği biçimlendirilmiş olarak sunar.
HTML (Hyper Text Markup Language) yani Hiper Metin İşaretleme Dili ifadesinin baş harflerinden oluşur.
HTML düz metin belgeleridir. Not defteri gibi bir editör ile açılabilir, düzenlenebilir.
HTML Etiket (Tag) adı verilen ifadelerden oluşur. Örneğin <p> bir HTML etiketidir ve metinlerde paragraf oluşturmanızı sağlar.
Basit bit HTML belgesi şu etiketlerden oluşur:
Örnek
<!DOCTYPE html>
<html>
<head>
<title>HTML belgesi sayfa başlığı</title>
</head>
<body>
</body>
</html>
Kendin Dene »
Örneğin Açıklaması
- <!DOCTYPE html> Bu ifade bu belgenin HTML5 belgesi olduğunu tanımlar. Bu ifade sayfadaki ilk ifade olmalıdır ve sayfanın en üst bölümünde bulunur. Web tarayıcıların sayfayı doğru görüntülemesini sağlar.
- <html> etiketi tüm HTML belgelerinin en tepedeki kapsayıcı etiketidir.
- <head> etiketi sayfa ile ilgili bazı bilgilerin konumlandırılacağı etikettir. (Örneğin sayfa başlığı)
- <title> etiketi HTML belgenize bir sayfa başlığı vermenizi sağlar.
- <body> etiketi HTML belgesinde görülebilir içeriği taşıyacak etikettir. Web tarayıcısı bize sadece bu etiket içerisine girilmiş içeriği gösterir.
HTML Etiketleri (Tag)
HTML etiketleri < ve > işaretleri arasına yazılır:
<etiket> içerik bu alana gelecek </etiket>
- HTML etiketleri genelde <p> ve </p> gibi etiket çiftlerinden oluşur.
- İlk HTML etiketi açılış etiketi (<p>) sonraki ise kapanış etiketi (</p>) olarak adlandırılır.
- Açılış etiketi, kapanış etiketi ve içerikten oluşan yapı ise element olarak adlandırılır.
Örneğin <p>Bu bir paragraftır.</p>
Web Tarayıcıları
Web tarayıcılarının amacı HTML ile hazırlanmış belgeleri görüntüleyebilmektir. Günümüzdeki popüler web tarayıcıları şunlardır:
- Google Chrome
- Edge
- Opera
- Firefox
- Safari
Web tarayıcıları HTML ile hazırlanmış belgeleri görüntüler. Görüntüleme işlemi yaparken bizlere HTML etiketlerini göstermezler. HTML etiketlerinin ifade ettikleri anlamlara göre belgeyi biçimlendirir ve sonucunu bize gösterirler. Örneğin HTML belgesinde <img> etiketi varsa bu resmi ifade eder ve tarayıcı bize resmi görüntüler.
HTML Sürümleri
HTML her dil gibi yaşayan ve zaman içinde gelişen bir dildir. HTML ilk olarak 1991 yılında yayınlanmıştır. Zaman içinde HTML 2.0 (1995), HTML 3.2 (1997), HTML 4.01 (1999), XHTML (2000) ve günümüzde kullanılan son sürüm HTML5 2014 yılında duyurulmuştur. Burada bahsi geçen XHTML, HTML'in yazım olarak daha katı kurallara sahip olan sürümüdür, temel olarak HTML ile aynıdır.
Bunu Denemelisin:
Bir Web sitesinin HTML kodu nasıl görüntülenir?
Dilediğiniz tüm sitelerin HTML kodlarını görüntüleyebilirsiniz. Başlangıçta bu kodlar size çok karışık, anlaşılamaz gelebilir. Merak etmeyin zamanla hepsi anlaşılır olacak.
- Google Chrome tarayıcısında yeni bir sekme açın.
- Adres satırına uzmanimakademi.net yazın ve enter tuşuna basın.
- uzmanimakademi.net açıldığında CTRL + U tuşlarına birlikte basın.
- Bu işlem size uzmanimakademi.net sitesinin HTML kodlarını gösterecektir.
- Bu işlemi dilediğiniz web sitesine yapabilirsiniz.