HTML Giriş – HTML Nedir ?

html nedir

Bugün size dijital dünyanın temel taşı olan HTML’den bahsedeceğiz. Hayatımızın birçok noktasında gözümüzün önünden geçen, web sitelerinin temel yapı taşı olan HTML nedir, ne işe yarar, birlikte keşfedeceğiz!

HTML Dedikleri Şey Nedir ki?

Öncelikle, HTML’nin açılımını öğrenelim: Hyper Text Markup Language. Anladınız, değil mi? ????️‍♂️ Haydi parçalayalım:

  • Hyper Text: Başka sayfalara, içeriklere hızlıca atlamanın yolu. Haydi bir maceraya atılma hissi gibi düşünün. ????
  • Markup: İşaretleme demek. Anlatılanların ne olduğunu işaretlemek ve düzenlemek için kullanılır. İşte, anladık gibi duruyor!
  • Language: Dil, lisan. Ancak burada İngilizce öğrenmeye gerek yok, bu dil sayesinde tarayıcılarla konuşabilirsiniz.

HTML Nedir?

HTML, İnternet’in inşa taşıdır – bir web sayfasının iskeleti, temeli. Yani, web tarayıcınızda gördüğünüz her sayfanın arka planında HTML çalışıyor. Basitçe söylemek gerekirse, HTML metin tabanlı bir işaretleme dilidir ve tarayıcınıza “Bu metin burada başlasın, bu resim burada olsun, bu başlık şu şekilde görünsün” gibi talimatlar verir.

HTML, HyperText İşaretleme Dili’nin kısaltmasıdır. Web sayfası oluşturmak için kullanılan standart bir işaretleme dilidir. HTML, bölümler, paragraflar ve bağlantılar gibi yapıları oluşturmak ve düzenlemek için HTML öğelerini (web sayfasının yapı taşları olan etiketler ve öznitelikler) kullanmanıza olanak tanır.

Peki, Bu HTML Ne İşe Yarar?

HTML’nin birçok kullanım alanı bulunmaktadır:

  1. Web geliştirme: Geliştiriciler, tarayıcının metin, bağlantılar ve medya dosyaları gibi web sayfası öğelerini nasıl göstereceğini tasarlamak için HTML kodu kullanırlar.
  2. İnternet gezinmesi: Kullanıcılar, HTML’nin aşırı kullanıldığı yerde ilişkili sayfalar ve web siteleri arasında kolayca gezinebilir ve bağlantılar ekleyebilir.
  3. Web belgeleme: HTML, belgeleri düzenlemeyi ve biçimlendirmeyi Microsoft Word gibi bir program gibi yapmayı mümkün kılar.

Ayrıca, HTML’nin dinamik işlevsellik oluşturamayan bir programlama dili olarak kabul edilmediğini belirtmek önemlidir, ancak artık resmi bir web standardı olarak kabul edilmektedir. World Wide Web Consortium (W3C), HTML özelliklerini sürdürmekte, geliştirmekte ve düzenli güncellemeler sağlamaktadır.

HTML sayesinde web tarayıcılarına, yani Chrome, Firefox gibi arkadaşlara ne göstermek istediğimizi anlatabiliriz. Mesela, “Hadi dünya haritası gösterelim” dediğimizde, tarayıcılar bize haritayı getirir. Nasıl mı?

<!DOCTYPE html>
<html>
<head>
    <title>Harika Harita</title>
</head>
<body>
    <h1>Merhaba Dünya Haritası!</h1>
    <img src="harita.jpg" alt="Dünya Haritası">
</body>
</html>

Yukarıdaki kod parçası, tarayıcıya “Merhaba Dünya Haritası” başlıklı bir sayfa oluşturmasını ve içerisine bir harita resmi eklemesini söylüyor. Eğlenceli, değil mi?

Temel HTML Etiketleri

  1. <html>: Her HTML belgesinin başlangıcıdır. Tüm diğer içerikler bu etiketin içine yerleştirilir.
  2. <head>: Başlık kısmını tanımlar. Tarayıcı sekmesinde görünen metni veya stil bilgilerini içerebilir.
  3. <title>: Sayfa başlığını tarayıcı sekmesinde göstermek için kullanılır. Kullanıcılar sayfayı bu başlıkla tanır.
  4. <body>: Sayfa içeriğini içeren bölümdür. Metinler, resimler, bağlantılar burada yer alır.

Başlık Dünyası: <h1><h6>

Başlıklar, sayfanın organizasyonunu sağlar ve metni hiyerarşik olarak gruplandırır. Eğlenceli bir dilde anlatmak gerekirse:

  • <h1>: En büyük başlık. Ana konuyu belirtir, sanki “Bu sayfa hakkında her şey burada!” der gibi.
  • <h2>: Bir alt seviyedeki başlık. Detayları kapsar, “Bir bak da ne buldum!” der gibi.
  • <h3>: Biraz daha daraltılmış başlık. Özel bir bölümün içeriğini anlatır.
  • … ve böyle devam eder!

Paragraflar ve Vurgular: <p> & <em>

Paragraflar, metni düzenlemek ve okunabilir hale getirmek için kullanılır. <p> etiketi içindeki metin bir paragraf olarak kabul edilir. Eğer vurgu yapmak istersen, <em> etiketi italik vurgu yapar.

Artık temel HTML kavramlarına hızlı bir giriş yaptık! Gelecekteki yazılarda form oluşturma, resim ekleme ve daha fazlasını öğrenmeye devam edeceğiz. Ancak şimdilik, web geliştirmenin bu eğlenceli dünyasına giriş yaptığınız için kendinizi tebrik edin.

Bir sonraki rehberde görüşmek üzere !

Click to rate this post!
[Total: 0 Average: 0]

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir