İlk HTML Dosyası Nasıl Oluşturulur? (index.html)

  • 20 Şubat 2026
  • 8 kez görüntülendi.

HTML dosyası oluşturma, ilk web sayfasını yapma, temel HTML şablonu ve çalışma mantığı. Yeni başlayanlar için adım adım anlatım.

HTML öğrenmenin en iyi yolu, ilk dosyanı oluşturup tarayıcıda çalıştığını görmektir. Bunun için karmaşık programlara ihtiyacın yok. Bilgisayarındaki basit bir metin editörü bile yeterlidir. Ancak kod yazmayı kolaylaştıran editörler süreci hızlandırır. Bu noktada Visual Studio Code gibi ücretsiz bir editör, hata yapmanı azaltır ve kodları daha rahat okumanı sağlar. Yazdığın dosyaları test ederken Google Chrome kullanmak, geliştirici araçları sayesinde hataları görmeni kolaylaştırır.

Adım 1: HTML Dosyası Oluşturma

Bilgisayarında boş bir klasör oluştur ve içine index.html adında bir dosya ekle. Dosya uzantısının mutlaka .html olduğundan emin ol.

REKLAM ALANI

Adım 2: Temel HTML Şablonu

Bir HTML dosyasının tarayıcı tarafından doğru yorumlanabilmesi için temel bir şablona ihtiyacı vardır:

<!DOCTYPE html>
<html lang=“tr”>
<head>
<meta charset=“UTF-8”>
<title>İlk HTML Sayfam</title>
<meta name=“description” content=“Sıfırdan HTML öğreniyorum. İlk web sayfam.”>
<meta name=“viewport” content=“width=device-width, initial-scale=1.0”>
</head>
<body>
<h1>Merhaba Dünya</h1>
<p>Bu benim ilk HTML sayfam. HTML öğrenmeye buradan başladım.</p>
</body>
</html>

Bu kodun anlamı:

<!DOCTYPE html>: Tarayıcıya bu belgenin HTML5 standardında olduğunu söyler.

<html>: Tüm HTML belgesini kapsar.

<head>: Sayfanın başlık ve SEO bilgilerini içerir.

<title>: Tarayıcı sekmesinde görünen başlıktır.

<meta description>: Google sonuçlarında görünen açıklamadır.

<body>: Kullanıcının ekranda gördüğü tüm içerik buradadır.

Adım 3: Tarayıcıda Açma

Dosyayı kaydet ve çift tıkla. Tarayıcıda “Merhaba Dünya” yazısını görüyorsan, ilk HTML sayfan çalışıyor demektir. Bu an, HTML öğrenen herkes için kritik bir motivasyon noktasıdır.

REKLAM ALANI
ZİYARETÇİ YORUMLARI

Henüz yorum yapılmamış. İlk yorumu aşağıdaki form aracılığıyla siz yapabilirsiniz.

BİR YORUM YAZ