HTML Nedir? HTML (hypertext markup language), metin biçimlendirme dili anlamına gelir. Web tasarımcılarının web siteleri oluşturmak için kullandıkları anahtar kelimelerden ve komutlardan oluşur.
Köprü metni, okuyucuların başka bir sayfaya veya sayfanın başka bir bölümüne gitmek için tıklayabilecekleri bağlantılara sahip metindir. Bu arada, biçimlendirme dili, bir sayfanın üstbilgiler ve altbilgiler gibi bölümlerini ve tablolar ve resimler dahil olmak üzere diğer öğeleri tanımlamak için etiketler veya özel işaretlere sahip düz metin kullanır.
HTML, web sayfası oluşturmadaki üç temel araçtan biri olarak kabul edilir: HTML , web sitesinde metnin, resimlerin vb. görüneceği yapıyı veya yolu sağlar. CSS (basamaklı stil sayfaları), bu öğelerin renkler, biçim ve düzen gibi görsel özelliklerini ayarlar. Javascript, bu öğelerin kullanıcının eylemine bağlı olarak belirli şekillerde davranmasını sağlar. Örneğin, kullanıcılar fareyi üzerine getirdiğinde veya bir sayfadaki bir düğmeyi tıkladığında metnin yazı tipi boyutu artabilir.
HTML yazmak için Notepad, Brackets veya Atom gibi bir metin düzenleyiciye ihtiyacınız olacak. HTML editörleri, kodlarınızın temiz ve işlevsel olmasını sağlar. Etiketleri (otomatik tamamlama) ve diğer ortak öğeleri otomatik olarak ekleyerek veya hata ayıklama yoluyla hataların azaltılmasına yardımcı olurlar.
HTML Niçin Kullanılır?
HTML, web sitelerinin ve web tabanlı belgelerin varsayılan dilidir. Bir tarayıcının internet üzerinden görüntülemek için bir belgenin veya dosyaların yapısını ve stilini anlamasına yardımcı olur. Web sayfalarınızın ses, video, elektronik tablo ve diğer uygulamaları barındırmasına olanak tanır. Ayrıca, metin aracılığıyla web sayfaları içinde veya web siteleri arasında gezinmeyi kolaylaştırır.
Ayrıca, web sitesi oluşturucuları, ürün sipariş etmek, rezervasyon yapmak veya bilgi aramak için formlar tasarlamak için HTML kullanabilir. Bu nedenle HTML bir sitenin temel yapı taşıdır.
Bir HTML Belgesini Ne Oluşturur?
Bir HTML belgesinin birincil bileşenleri etiketler ve öğelerdir. Tarayıcınıza içeriğinizi nasıl görüntüleyeceğinizi söylerler. Etiketler, açılı ayraçlar veya “küçüktür” ve “büyüktür” işaretleri ile başlar ve biter. Aralarındaki harflere eleman içerikleri denir.
Aşağıdakiler, bir HTML sayfasının temel yapısını oluşturur (görünüş sırasına göre):
Belge Türü Bildirimi (DTD)
<!DOCTYPE html>, bir HTML belgesinin başında veya en üstünde görünür. Tarayıcıya, sayfayı oluşturmak için hangi HTML sürümünün kullanıldığını söyler.
HTML Kök Öğesi
DTD’nin altına yazılan <html>, diğer tüm öğeleri tutan “ana kapsayıcı” gibi davranır. HTML belgesinin dilini belirleyebilir. Örneğin <html lang=”tr-TR”> sayfanın Türkçe ile yazıldığı anlamına gelir.
Head
<html> ve <body> arasında bulacağınız <head> kodu, sayfayla ilgili bilgileri açıklayan meta verileri içerir. Bunlar:
- <title> veya web sayfasının genel konusu . Body’de görünen başlık etiketinden ayrıdır ancak bununla eşleşmelidir.
- <style>, öğelerin tarayıcıda nasıl görüneceğini tanımlar. Başlığın rengini, metin hizalamasını, gövdenin arka plan rengini vb. içerir.
- <link>, HTML sayfasına bağlanan kaynakları (yani başka bir web sayfası veya harici stil sayfası) belirtir.
- <meta>, anahtar kelimeleri, yazarı ve sayfa açıklamasını içerir.
- <base>, varsayılan URL’yi ifade eder.
Body
<body>, tarayıcının ekranda görüntülediği bilgileri içeren belgenin ana bölümüdür. Aşağıdakileri içerebilir:
- Başlıkta site başlığı, logo, ana gezinme ve arama çubuğu bulunur.
- Ana içerik, makale başlığını, makale içeriğini, yayın tarihini, yazarı vb. kapsar.
- Kenar çubukları, kategori veya tarihe göre arşivler gibi widget’ları ve ikincil gezinmeyi görüntüler.
- Altbilgi, iletişim bilgileri, sosyal bağlantılar, telif hakkı ve üçüncül gezinme sunar.