YÜKLENİYOR...

HTML Temelleri: İlk Web Sayfamız

HTML Temelleri: İlk Web Sayfamız
HTML (HyperText Markup Language), web dünyasının temel taşıdır. Bir web sitesinin iskeletini oluşturur ve içeriklerin (metinler, görseller, linkler) tarayıcıda nasıl görüneceğini belirler. HTML öğrenmek, web geliştirme dünyasına girişin ilk adımıdır ve sa

HTML (HyperText Markup Language), web dünyasının temel taşıdır. Bir web sitesinin iskeletini oluşturur ve içeriklerin (metinler, görseller, linkler) tarayıcıda nasıl görüneceğini belirler. HTML öğrenmek, web geliştirme dünyasına girişin ilk adımıdır ve sağlam bir temel oluşturur.

Teknik Açıklama

HTML, "etiketler" (tags) aracılığıyla sayfa yapısını tanımlar. Bu etiketler, tarayıcının içeriği nasıl yorumlayacağını belirtir. Temel HTML dosyası .html uzantılıdır ve belirli bir iskelet yapısına sahiptir.

Temel HTML Yapısı

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>İlk Web Sayfam</title>
</head>
<body>
    <h1>Merhaba Dünya!</h1>
    <p>Bu benim ilk web sayfam.</p>
</body>
</html>

Önemli Etiketler

  • <html>: Sayfanın başlangıcını ve sonunu belirler.

  • <head>: Sayfa hakkında bilgiler içerir (meta veriler, başlık vb.).

  • <body>: Kullanıcıya gösterilecek içerikleri barındırır.

  • <h1>-<h6>: Başlık seviyelerini belirtir.

  • <p>: Paragraf oluşturur.

  • <a>: Link ekler.

  • <img>: Görsel ekler.

  • <ul>, <ol>, <li>: Liste oluşturur.

Küçük Bir Kod Örneği

İşte bir sayfada başlık, paragraf ve bağlantı kullanımı örneği:

<!DOCTYPE html>
<html lang="tr">
<head>
    <meta charset="UTF-8">
    <title>İlk Web Sayfam</title>
</head>
<body>
    <h1>Merhaba!</h1>
    <p>Bu sayfa HTML kullanılarak oluşturuldu.</p>
    <a href="https://www.ornek.com">Beni ziyaret edin</a>
</body>
</html>

Bu örnekte başlık, açıklama paragrafı ve bir bağlantı yer almakta.

 

HTML, her web sayfasının temelidir. HTML bilmeden CSS ile tasarım yapmak veya JavaScript ile sayfa dinamikliği eklemek mümkün değildir. İster basit kişisel blog sitesi ister büyük kurumsal web projeleri olsun, her zaman bir HTML iskeleti üzerinde çalışılır.

Bu yüzden "İlk Web Sayfamız" gibi basit bir proje, daha ileri düzey web geliştirme becerileri için sağlam bir temel sağlar.