HTML, yani HyperText Markup Language, web sayfalarının temel yapı taşıdır. HTML, web tarayıcıları tarafından okunabilen bir metin belgesi biçimidir ve ayrıca web sayfalarının içeriğini organize etmek için kullanılmaktadır. Bu yazımızda HTML nedir? sorusunu ele alacak ve çeşitli detaylara değineceğiz. HTML nedir? sorusunun detaylı cevabı burada.
HTML’nin Tarihi
HTML’nin kökenleri 1980’lerin sonlarına dayanmaktadır. Tim Berners-Lee, bilimsel bilgilerin paylaşımını kolaylaştırmak amacıyla bir proje geliştirirken HTML fikri ortaya çıktı. Web tarayıcıları aracılığıyla bilgiye erişimi kolaylaştırmak isteyen Berners-Lee, basit bir işaretleme diline ihtiyaç duydu. Ve bu da HTML’in temelini oluşturdu. HTML, metin belgelerine yapısal işaretleme ekleyerek, bilgisayarların anlayabileceği bir formata dönüştürülebilmektedir. Bu da web tarayıcılarının belgeleri okumasını ve ayrıca düzgün şekilde görüntülemesini sağlamaktadır. HTML, başlangıçta sadece metinlerin yapılandırılmasını sağlasa da zamanla geliştirilerek, görseller, bağlantılar ve ayrıca diğer çeşitli medya türleri eklenmiştir. HTML, web sayfalarının temel yapısını oluşturur ve tarayıcılar tarafından okunabilir bir biçimde sunulmasını sağlamaktadır. Bu sayede internet kullanıcıları, web sayfalarını gezinirken içeriği daha iyi anlayabilmektedirler.
İlk HTML Sürümleri
İlk HTML sürümleri, web sayfalarının oluşturulmasını sağlamak için oldukça basit bir yapıya sahipti. Bu sürümler, metinlerin yapılandırılmasını kolaylaştıran temel işlevlere sahipti. Başlangıçta, HTML sadece metinlerin düzenlenmesine izin veriyordu. Ve görseller, bağlantılar veya diğer medya türleri için destek sunmuyordu. Ancak, internetin yaygınlaşması ve webin gelişimiyle birlikte, HTML sürekli olarak yenilendi ve geliştirildi. Yeni özellikler ve ayrıca işlevler eklenerek, web sayfalarının daha karmaşık ve çekici hale gelmesi sağlandı. İnternetin evrimiyle birlikte, HTML’in sürümleri de büyük ölçüde genişledi. Günümüzde HTML5, web geliştiricilere daha fazla esneklik ve ayrıca özellik sunan en son sürümüdür. Bu sürüm, video ve ses çalma desteği gibi modern web ihtiyaçlarını karşılamak için geliştirilmiştir. HTML’in gelişimi, web sayfalarının daha işlevsel ve ayrıca etkileyici hale gelmesini sağlamıştır. Bu süreçte, HTML’i kullanan web geliştiricileri de sürekli olarak yeni teknolojilere adapte olmuş ve webin ilerlemesine katkıda bulunmuşlardır.
HTML Nasıl Çalışır?
Esasen HTML, internet üzerinde içerik oluşturmak için kullanılan temel bir işaretleme dilidir. HTML kodları, bir web sayfasının yapısını belirlemek için kullanılır. İşte HTML kodlarının temelleri:
Başlık (Heading) Etiketleri
Başlık etiketleri, başlık metnini belirtmek için kullanılır. “<h1>” en önemli başlığı temsil ederken, “<h6>” en az önemli başlığı temsil eder.
<h1>Bu bir h1 başlığıdır</h1>
<h2>Bu bir h2 başlığıdır</h2>
Paragraf (Paragraph) Etiketi
Metin paragraflara bölmek için kullanılır.
<p>Bu bir paragraf metnidir.</p>
Liste (List) Etiketleri
Sıralı ve ayrıca sırasız listeler oluşturmak için kullanılır.
<ul>
<li>Sırasız liste öğesi 1</li>
<li>Sırasız liste öğesi 2</li>
</ul>
<ol>
<li>Sıralı liste öğesi 1</li>
<li>Sıralı liste öğesi 2</li>
</ol>
Bağlantı (Link) Etiketi
Diğer web sayfalarına veya dosyalara bağlantılar eklemek için kullanılır.
<a href=”https://www.example.com”>Bu bir bağlantıdır</a>
Resim (Image) Etiketi
Resimleri web sayfasına eklemek için kullanılır.
<img src=”image.jpg” alt=”Resim açıklaması”>
Form (Form) Etiketi
Kullanıcı girişi veya veri gönderimi için kullanılır.
<form action=”/submit-form” method=”post”>
<label for=”username”>Kullanıcı Adı:</label>
<input type=”text” id=”username” name=”username”>
<button type=”submit”>Gönder</button>
</form>
HTML kodları, web sayfalarının yapısal ve ayrıca görsel öğelerini belirlemek için kullanılır. Bu temel öğeler, bir web sayfasının yapısını oluştururken kullanılabilir ve tarayıcılarda düzgün bir şekilde görüntülenir.
Meta Charset Nedir ve Nasıl Kullanılmaktadır?
Meta charset, bir web sayfasının karakter setini belirlemek için kullanılan bir meta etiketidir. Karakter seti, bir web sayfasındaki metinlerin hangi dilde ve ayrıca hangi karakterlerle kodlandığını tanımlar. Doğru karakter seti belirlenmediğinde, web sayfası metinlerinin doğru şekilde görüntülenememesi veya yanlış karakterlerle gösterilmesi gibi sorunlarla karşılaşılabilir.
Meta charset etiketi, HTML belgesinin “<head>” bölümünde yer alır ve ayrıca tarayıcıya hangi karakter setinin kullanıldığını bildirir. En yaygın kullanılan karakter seti UTF-8’dir, çünkü çok sayıda karakteri destekler ve ayrıca geniş bir dil yelpazesini kapsar.
<head>
<meta charset=”UTF-8″>
<title>Web Sayfası Başlığı</title>
</head>
Bu örnekte, meta charset etiketi UTF-8 karakter setini belirtir. Tarayıcı, web sayfasını bu karakter setine göre yorumlayacak ve doğru şekilde görüntüleyecektir.
Meta charset etiketi ayrıca aşağıdaki gibi bir HTTP-equiv özelliği ile de kullanılabilmektedir:
<meta http-equiv=”Content-Type” content=”text/html; charset=UTF-8″>
Bu yöntem, web sunucusunun doğru karakter setini belirleyemediği durumlarda yararlı olabilmektedir. Ancak, tercih edilen yöntem doğrudan meta charset etiketini kullanmaktır.
Doğru bir şekilde belirli bir meta charset etiketi, web sayfasının metinlerinin doğru şekilde görüntülenmesini sağlamakta ve kullanıcıların içeriği doğru şekilde anlamasına yardımcı olmaktadır. Bu nedenle, her web sayfasının doğru bir şekilde karakter seti belirlemesi önemlidir.
W3C Nedir ve Ne İşe Yarar?
W3C, “World Wide Web Consortium”un kısaltmasıdır. Ve ayrıca web standartlarını belirlemek ve geliştirmekle görevlidir. 1994 yılında Tim Berners-Lee tarafından kurulan W3C, web teknolojilerinin evrensel uyumlu olmasını sağlamaktadır. Kuruluşun amacı, erişilebilir, kullanıcı dostu ve ayrıca evrensel web deneyimini teşvik etmektir. HTML, CSS, JavaScript gibi web teknolojilerinin standartlarını belirleyerek, tarayıcıların ve web geliştiricilerinin uyumlu çalışmasını sağlamaktadır. Ayrıca, engelli kullanıcıların web erişimini kolaylaştırmak için erişilebilirlik çalışmaları yürütmektedir. W3C’nin çalışmaları, webin güvenli, hızlı ve ayrıca etkili bir şekilde gelişmesine katkı sağlamaktadır.
“div” ve “span” Terimleri
“div” ve “span” terimleri, HTML’de sıkça kullanılan yapısal etiketlerdir. İşlevleri ve ayrıca kullanım alanları birbirinden farklıdır.
“div” (bölüm) etiketi, bir belge içinde blok düzeyinde bir bölüm oluşturmak için kullanılmaktadır. Genellikle CSS ile birlikte kullanılarak belirli bir stili veya düzeni uygulamak için gruplama yapmak için kullanılmaktadır. Örneğin, bir sayfanın başlığını, içeriğini ve ayrıca altbilgisini bir “div” etiketi içinde gruplamak mümkündür.
<div>
<h1>Anasayfa</h1>
<p>Hoş geldiniz!</p>
<footer>© 2024 Örnek Şirketi</footer>
</div>
“span” etiketi ise içerikteki belirli bir kısmı veya metni gruplamak için kullanılmaktadır. “span” genellikle metin düzeyinde bir öğeyi etkilemek veya belirli bir stil uygulamak için kullanılmaktadır. Örneğin, belirli bir metin parçasına farklı bir renk uygulamak için “span” kullanılabilmektedir.
<p>Merhaba <span style=”color: blue;”>dünya</span>!</p>
“div” genellikle büyük blokları gruplamak için kullanılırken, “span” daha küçük metin parçalarını veya içeriklerini işaretlemek için kullanılmaktadır. Bu etiketler, HTML’de içeriği yapılandırmak ve biçimlendirmek için önemli araçlardır.
HTML, web geliştirme dünyasının temel taşıdır ve web sayfalarının oluşturulmasında önemli bir rol oynar. Temel HTML nedir sorusunun cevabını bilmek, etiketlerini öğrenmek, web sayfalarınızı düzenlemek ve optimize etmek için gereklidir. Bu yazıda, HTML nedir?, nasıl çalıştığını ve nasıl kullanıldığını detaylı şekilde ele aldık. Diğer blog yazılarımızı okumak istiyorsanız tıklayın.
