HTML Öğrenmeye Başlıyoruz: 1. Gün

HTML Öğrenmeye Başlıyoruz: 1. Gün

Merhaba herkese! Bugün, heyecan verici bir yolculuğa birlikte çıkıyoruz: HTML öğrenme yolculuğuna. Web sitelerinin temelini oluşturan bu dili öğrenmek, web dünyasına adım atmanın en önemli aşamasıdır. Bu makalede, HTML’in temellerini kavrayacağız ve ilk web sayfanızı oluşturmaya başlayacaksınız. Hazırsanız başlayalım!

HTML Nedir ve Ne İşe Yarar?

HTML, “HyperText Markup Language” (Hiper Metin Biçimlendirme Dili) anlamına gelir. Basitçe söylemek gerekirse, web sayfalarının yapısını ve içeriğini oluşturmak için kullanılan bir işaretleme dilidir. Tarayıcıların web sayfalarını nasıl görüntüleyeceğini anlaması için gerekli olan komutları içerir. Örneğin, başlıklar, paragraflar, resimler ve bağlantılar gibi içeriği düzenler ve gösterir.

Temel HTML Etiketleri

HTML, etiketler kullanılarak yazılır. Etiketler, genellikle açılış ve kapanış etiketlerinden oluşur (örneğin, <p> ve </p>). Aşağıda, sık kullanılan bazı temel etiketleri inceleyelim:

• <html>: Tüm HTML belgesini kapsayan en üst düzey etikettir.
• <head>: Belgenin başlık bilgilerini (örneğin, başlık, meta verileri) içerir.
• <body>: Web sayfasının görünür içeriğini içerir.
• <h1> – <h6>: Başlıklar için kullanılır (<h1> en büyük başlık, <h6> en küçük başlıktır).
• <p>: Paragrafları oluşturur.
• <br>: Satır sonu oluşturur.
• <a href="link">: Bağlantı oluşturur. href özelliği, bağlantının yönlendirildiği URL’yi belirtir.
• <img src="resim.jpg" alt="Resim Açıklaması">: Resim eklemek için kullanılır. src özelliği resim dosyasının konumunu, alt özelliği ise resim açıklamasını belirtir.

İlk HTML Sayfanızı Oluşturun

Şimdi, öğrendiklerimizi kullanarak basit bir HTML sayfası oluşturalım. Aşağıdaki kodu bir metin editörüne kopyalayıp, “.html” uzantısıyla kaydedin ve tarayıcınızda açın:

<!DOCTYPE html>
<html>
<head>
  <title>İlk HTML Sayfam</title>
</head>
<body>
  <h1>Merhaba Dünya!</h1>
  <p>Bu benim ilk HTML sayfam!</p>
  <a href="https://fatihsoysal.com">Fatih Soysal'ın Sitesi</a>
</body>
</html>

Bu kod, “Merhaba Dünya!” başlığını ve “Bu benim ilk HTML sayfam!” paragrafını içeren basit bir web sayfası oluşturur. Ayrıca kendi web sitemin linkini de ekledim.

Sonuç

İlk günümüzde HTML’in temellerini öğrendik. Elbette, öğrenilecek çok daha fazla şey var, ancak bu temel bilgilerle, kendi web sayfalarınızı oluşturmaya başlayabilirsiniz. Devam edin, pratik yapın ve web geliştirme yolculuğunuza devam edin! Daha fazla bilgi için bu İngilizce makaleye de göz atabilirsiniz. Unutmayın, pratik yapmak mükemmelliğin anahtarıdır. Başarılar!

#Etiketler: HTML, HTML öğrenme, web geliştirme, web tasarımı, HTML etiketleri, başlangıç rehberi, kodlama, programlama, Fatih Soysal