HTML Nedir?

20 Ekim 2024 13:57

Barış Okan Fındık

HTML, web sayfalarının oluşturulması için kullanılan bir işaretleme dilidir. Temelde, bir web sayfasının yapısal iskeletini sağlar ve metin, resim, video gibi multimedya ögelerinin tarayıcıda nasıl görüneceğini belirler. Herhangi bir web sayfası HTML kullanılarak kodlanır ve bu dil, tarayıcılar tarafından okunarak kullanıcıya sayfanın düzenli ve anlaşılır bir biçimde sunulmasını sağlar.

Bir HTML dosyası, çeşitli “etiketler” (tags) ve “öznitelikler” (attributes) kullanılarak oluşturulur. Bu etiketler, web sayfasının her bir bölümünü tanımlayan işaretlerdir ve her bir etiket belirli bir işlevi yerine getirir.

html

HTML’nin Temel Yapısı

İçindekiler

Bir HTML belgesi her zaman belirli bir yapıyı takip eder. İşte en basit haliyle bir HTML sayfasının temel yapısı:

<!DOCTYPE html>
<html lang=”tr”>
<head>
<meta charset=”UTF-8″>
<meta name=”viewport” content=”width=device-width, initial-scale=1.0″>
<title>Beetekno – HTML Nedir?</title>
</head>
<body>
<h1>HTML Nedir?</h1>
<p>Bu, HTML’nin en basit yapısını gösteren bir web sayfasıdır.</p>
</body>
</html>

Bu basit HTML sayfası, tarayıcıya sayfanın nasıl görüntüleneceğini söyler. Sayfanın başlığı tarayıcı sekmesinde görünür, içerik ise sayfa üzerinde yer alır. Gelin, bu yapıyı biraz daha detaylandıralım:

DOCTYPE: HTML5 ile uyumlu bir sayfa olduğunu belirtir. Modern tarayıcıların sayfayı doğru şekilde yorumlamasını sağlar.
<html>: HTML dokümanının başlangıç ve bitişini gösterir. Tüm içerik bu etiketin içerisinde yer alır.
<head>: Sayfa hakkında tarayıcıya ve arama motorlarına meta bilgiler verir. Örneğin, sayfanın başlığı, karakter seti ve mobil cihazlar için uygun görünüm ayarları bu bölümde yer alır.
<body>: Web sayfasında kullanıcıya gösterilecek içerik bu bölümde yer alır. Metinler, görseller, bağlantılar, videolar, listeler ve daha fazlası bu bölümde tanımlanır.

HTML Etiketleri ve Kullanımı

HTML, web sayfalarını oluşturmak için farklı etiketler kullanır. Bu etiketler, sayfa üzerindeki içeriklerin yapısını ve düzenini belirler. İşte yaygın olarak kullanılan bazı HTML etiketleri:

<h1> – <h6>: Başlık etiketleri. <h1> en büyük başlık, <h6> en küçük başlıktır. Sayfa hiyerarşisi için bu başlık etiketleri kullanılır.
<p>: Paragraf etiketidir. Web sayfasında yer alan metinler genellikle bu etiket içinde düzenlenir.
<a href=””>: Bağlantı (link) etiketidir. Kullanıcıları başka bir sayfaya veya kaynağa yönlendirmek için kullanılır. Örneğin, <a href="https://www.beetekno.com">Beetekno</a> ifadesi, kullanıcıyı Beetekno ana sayfasına yönlendirir.
<img src=””>: Görsel eklemek için kullanılır. Görselin kaynağı (dosya yolu) “src” özelliği ile belirtilir.
<ul>, <ol>, <li>: Liste elemanlarıdır. <ul> madde işaretli, <ol> numaralandırılmış listeyi temsil eder. <li> ise her bir liste öğesini tanımlar.

HTML’nin İşlevi ve Önemi

HTML’nin temel işlevi, web sayfalarının içeriğini ve yapısını belirlemektir. Bir web sayfasının iskeleti HTML ile oluşturulur ve kullanıcıya görsel olarak sunulacak içerikler bu yapı içinde düzenlenir. Ancak HTML sadece sayfa düzenini belirlemekle kalmaz; aynı zamanda sayfa üzerindeki etkileşimleri de kontrol eder.

Örneğin, bir kullanıcı bir bağlantıya tıkladığında, HTML bu bağlantının ne yapacağını ve nereye yönlendireceğini belirler. Aynı şekilde, bir form doldurulduğunda, HTML form verilerinin nasıl toplanacağını tanımlar.

html

HTML5: Yeni Nesil Web Standartları

HTML’nin en son sürümü olan HTML5, daha modern ve gelişmiş web sayfaları oluşturmak için kullanılır. HTML5 ile birlikte birçok yeni özellik ve işlev web dünyasına kazandırılmıştır. Bu sürümle birlikte video, ses ve animasyonlar daha kolay bir şekilde web sayfalarına entegre edilebilir hale gelmiştir. Ayrıca, HTML5 mobil cihazlar için daha uygun bir yapı sunarak, kullanıcı deneyimini iyileştirir.

HTML5’in getirdiği yeniliklerden bazıları şunlardır:

<video> ve <audio> etiketleri: HTML5 ile birlikte video ve ses dosyalarının oynatılması için artık eklentilere ihtiyaç duyulmamaktadır. Bu etiketler ile videolar ve ses dosyaları doğrudan HTML yapısı içerisinde yer alabilir.
Canvas: Grafiksel içeriklerin çizilmesini sağlayan bu özellik, özellikle oyunlar ve interaktif uygulamalar için önemlidir.
Responsive Design (Duyarlı Tasarım): HTML5, sayfaların farklı ekran boyutlarına uyum sağlamasına yardımcı olur. Mobil uyumlu web siteleri için büyük bir avantaj sağlar.

HTML’nin Geleceği

Gelişen teknoloji ve değişen kullanıcı alışkanlıkları, HTML’nin de sürekli olarak evrilmesine neden oluyor. Özellikle mobil cihazların yaygınlaşması ve internet üzerinden sunulan hizmetlerin çeşitlenmesi, HTML’nin önemini daha da artırıyor. Gelecekte HTML’nin daha fazla multimedya desteği ve daha hızlı yükleme süreleri sunarak, web sitelerini daha kullanıcı dostu ve etkileşimli hale getirmesi bekleniyor.

Sonuç

HTML, web sayfalarının oluşturulmasında kullanılan en temel ve en önemli dildir. Web dünyasının temel taşı olan HTML, web sayfalarının yapısını oluşturur ve kullanıcıların internet deneyimini şekillendirir. Gelişen teknolojilerle birlikte HTML’nin işlevselliği ve önemi de artmaktadır.

Benzer İçerikler