Yakuza

WFN Üye
Konular
577
Mesajlar
577
Çözüm
0
Ticaret Puanı
0
Üyelik
24 Gün
Konum
Artvin
Web Sitesi
Var
Alanı
SEO Danışmanı
1/1
Konu sahibi
HTML dosyasını tarayıcıda açmak için önce dosyayı .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:
  1. Dosya yöneticisinde index.html dosyasının bulunduğu klasöre gidin.
  2. Dosyaya çift tıklayın. İşletim sistemi dosyayı varsayılan tarayıcıda açar.
  3. 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.
  4. Alternatif olarak dosyayı açık bir tarayıcı penceresine sürükleyin.
Dosya açıldığında ekranda HTML kodlarının kendisi yerine başlık ve paragraf gibi öğelerin oluşturulmuş görünümünü görürsünüz. Yukarıdaki örnekte sayfada “Merhaba” başlığı ve altında “Bu sayfa tarayıcıda açıldı.” metni görünmelidir. Tarayıcının adres çubuğunda genellikle 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.
  1. HTML kodunu değiştirin.
  2. Dosyayı kaydedin.
  3. Tarayıcıya geçin ve sayfayı yenileyin.
  4. Yeni görünümü ve metinleri kontrol edin.
Sayfa eski hâliyle görünüyorsa dosyanın gerçekten kaydedilip kaydedilmediğini ve tarayıcıda doğru dosyanın açık olduğunu kontrol edin. Birden fazla benzer dosya varsa tarayıcıdaki adres çubuğunda görünen klasör yolunu düzenleyicide kaydettiğiniz dosyayla karşılaştırın.

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.
 

Sende şimdi bize katılmak ister misin?

Kayıt ol

Bize katılım kolay ve ücretsizdir!

Foruma git ?

Bu konuyu görüntüleyen kullanıcılar

Bu konuyu şu anda görüntüleyen üye bulunmuyor.
Robotlar:
  • Anthropic