- Konu sahibi
- #1
HTML dosyasını tarayıcıda açmak için önce dosyayı
Bir metin düzenleyici açın ve basit bir HTML içeriği yazın. Örneğin:
Dosyayı kaydederken dosya adının sonunda
Kaydettiğiniz HTML dosyasını açmanın birkaç yolu vardır:
HTML dosyasında değişiklik yaptıktan sonra yalnızca metin düzenleyicide kaydetmek yeterli değildir; açık sayfanın da güncellenmesi gerekir.
Dosyaya çift tıkladığınızda kodlar sayfa yerine metin olarak görünüyorsa dosya uzantısı büyük olasılıkla
Tarayıcı boş bir sayfa gösteriyorsa HTML dosyasında yalnızca boş bir
CSS, JavaScript ya da görsel dosyaları kullanılmıyorsa HTML sayfası yine açılabilir; fakat bu dosyaların yolları yanlışsa sayfanın biçimi bozulabilir, etkileşimler çalışmayabilir veya görseller görünmeyebilir. Örneğin HTML dosyanızla aynı klasörde bulunan
Bu bağlantı, CSS dosyasının HTML dosyasıyla aynı klasörde olduğunu varsayar. Dosya başka bir klasördeyse
Çift tıklayarak açtığınız HTML dosyası yerel bir dosyadır ve temel HTML çalışmalarını görmek için yeterlidir. Ancak bazı JavaScript özellikleri, modüller veya sunucu gerektiren işlemler
Bu fark, HTML kodunuzun mutlaka hatalı olduğu anlamına gelmez; dosyanın bir web sunucusu üzerinden değil, doğrudan bilgisayardan açıldığını gösterir. Basit başlık, metin, bağlantı ve görsel denemelerinde çift tıklama yeterliyken sunucu gerektiren projelerde yerel sunucu kullanmanız gerekir.
.html uzantısıyla kaydedin, ardından dosyaya çift tıklayın veya tarayıcı penceresine sürükleyin. Tarayıcı dosyanın içindeki HTML kodunu yorumlayarak sayfanın görünen hâlini açar. Değişiklik yaptıktan sonra dosyayı yeniden kaydedip tarayıcıyı yenilemeniz gerekir.HTML dosyasını hazırlama ve kaydetme
Bir metin düzenleyici açın ve basit bir HTML içeriği yazın. Örneğin:
HTML:
<!DOCTYPE html>
<html lang="tr">
<head>
<meta charset="UTF-8">
<title>İlk HTML sayfam</title>
</head>
<body>
<h1>Merhaba</h1>
<p>Bu sayfa tarayıcıda açıldı.</p>
</body>
</html>
Dosyayı kaydederken dosya adının sonunda
.html bulunduğundan emin olun. Örnek dosya adı index.html olabilir. Windows'ta dosya uzantıları gizleniyorsa dosyanın gerçekte index.html.txt olarak kaydedilmediğini kontrol edin; bu durumda dosya HTML olarak değil, düz metin olarak değerlendirilir. Metin düzenleyicide dosya türü seçilebiliyorsa Tüm dosyalar seçeneğini kullanmak ve dosya adını tırnak içinde index.html olarak yazmak bu sorunu önleyebilir.Dosyayı tarayıcıda açma
Kaydettiğiniz HTML dosyasını açmanın birkaç yolu vardır:
- Dosya yöneticisinde
index.htmldosyasının bulunduğu klasöre gidin. - Dosyaya çift tıklayın. İşletim sistemi dosyayı varsayılan tarayıcıda açar.
- Başka bir tarayıcıda açmak istiyorsanız dosyaya sağ tıklayıp birlikte açma seçeneğini kullanın ve tarayıcıyı seçin.
- Alternatif olarak dosyayı açık bir tarayıcı penceresine sürükleyin.
file:// ile başlayan yerel dosya yolu bulunur. Bu, sayfanın internet üzerindeki bir sunucudan değil, bilgisayarınızdaki dosyadan açıldığını gösterir.Kod değişikliklerini tarayıcıda gösterme
HTML dosyasında değişiklik yaptıktan sonra yalnızca metin düzenleyicide kaydetmek yeterli değildir; açık sayfanın da güncellenmesi gerekir.
- HTML kodunu değiştirin.
- Dosyayı kaydedin.
- Tarayıcıya geçin ve sayfayı yenileyin.
- Yeni görünümü ve metinleri kontrol edin.
Açılmıyorsa sorunun kaynağını ayırma
Dosyaya çift tıkladığınızda kodlar sayfa yerine metin olarak görünüyorsa dosya uzantısı büyük olasılıkla
.html değildir veya dosya HTML olarak kaydedilmemiştir. Dosyanın adını ve uzantısını görünür hâle getirip index.html.txt gibi bir ad bulunmadığını kontrol edin.Tarayıcı boş bir sayfa gösteriyorsa HTML dosyasında yalnızca boş bir
body bölümü bulunabilir veya içerik görünür bir öğe içinde yer almıyor olabilir. Tarayıcının geliştirici araçlarında hata mesajı görülmesi, özellikle hatalı JavaScript ya da bozuk dosya yolu gibi ek bir soruna işaret edebilir; ancak geliştirici aracında hata olmaması HTML kodunun tasarım açısından doğru veya eksiksiz olduğunu kanıtlamaz.CSS, JavaScript ya da görsel dosyaları kullanılmıyorsa HTML sayfası yine açılabilir; fakat bu dosyaların yolları yanlışsa sayfanın biçimi bozulabilir, etkileşimler çalışmayabilir veya görseller görünmeyebilir. Örneğin HTML dosyanızla aynı klasörde bulunan
style.css dosyasını kullanıyorsanız bağlantı şu şekilde olmalıdır:
HTML:
<link rel="stylesheet" href="style.css">
Bu bağlantı, CSS dosyasının HTML dosyasıyla aynı klasörde olduğunu varsayar. Dosya başka bir klasördeyse
href içindeki göreli yolun klasör yapısına uygun olması gerekir.Yerel dosya ile web sitesindeki sayfa arasındaki fark
Çift tıklayarak açtığınız HTML dosyası yerel bir dosyadır ve temel HTML çalışmalarını görmek için yeterlidir. Ancak bazı JavaScript özellikleri, modüller veya sunucu gerektiren işlemler
file:// adresiyle açıldığında çalışmayabilir. Böyle bir durumda HTML dosyasını bir yerel geliştirme sunucusu üzerinden açmanız gerekir. Tarayıcıdaki adres bu kez http://localhost/... gibi görünür.Bu fark, HTML kodunuzun mutlaka hatalı olduğu anlamına gelmez; dosyanın bir web sunucusu üzerinden değil, doğrudan bilgisayardan açıldığını gösterir. Basit başlık, metin, bağlantı ve görsel denemelerinde çift tıklama yeterliyken sunucu gerektiren projelerde yerel sunucu kullanmanız gerekir.