- Konu sahibi
- #1
HTML dosyası, bir web sayfasının içeriğini ve yapısını tanımlayan, düz metin biçiminde hazırlanmış dosyadır. Genellikle
HTML, bir programlama dilinden çok işaretleme dilidir. Metnin anlamını ve sayfadaki görevini etiketlerle belirtir. Örneğin
Bir HTML dosyasında genellikle iki ana bölüm bulunur:
Basit bir HTML dosyası hazırlamak için özel bir geliştirme ortamı şart değildir. Düz metin kaydedebilen bir kod düzenleyici yeterlidir.
Bir web sayfasını oluşturan teknolojileri ayırmak, hangi dosyada değişiklik yapılacağını anlamayı kolaylaştırır.
Örneğin bir başlığın metni HTML dosyasında, rengi CSS dosyasında, tıklanınca açılacak bir panelin davranışı ise JavaScript dosyasında tanımlanabilir. CSS ve JavaScript kodlarını aynı HTML belgesine eklemek mümkündür ancak büyüyen projelerde bu görevleri ayrı dosyalarda tutmak bakım ve hata ayıklamayı kolaylaştırır.
Dosya uzantısını kontrol etmemek: Dosya metin düzenleyicisinde oluşturulduysa işletim sistemi uzantıyı gizleyebilir. Dosyanın gerçekten
Etiketleri yanlış kapatmak: Açılan etiketleri doğru sırayla kapatın. Örneğin paragraf etiketi
HTML ile görünüm sorununu çözmeye çalışmak: İçeriğin yapısı doğruysa renk, hizalama ve boşluk sorunları için CSS kullanın.
Dosyayı kaydetmeden yenilemek: Tarayıcıda eski görüntü kalıyorsa önce dosyayı kaydedin, ardından sayfayı yenileyin.
İlk HTML dosyanız çalışıyorsa sonraki adım; başlıkları, paragrafları, bağlantıları ve listeleri anlamlı bir belge yapısı içinde kullanmak, ardından CSS ile görünümü düzenlemektir.
Evet, temel HTML içeriği yerel dosyadan açılabilir. CSS, JavaScript ve görseller de cihazdaysa yolları doğru olmalıdır; internetten alınan kaynaklar bağlantı isteyebilir. Modül betikleri veya veri istekleri, file:// güvenlik sınırları nedeniyle yerel bir HTTP test sunucusu gerektirebilir.
Dosya uzantısı, kaydetme biçimi veya sunucunun içerik türü yanlış olabilir. Dosyanın gerçekten
Her ikisi de HTML belgeleri için kullanılan uzantılardır; biri diğerinden daha gelişmiş bir HTML türü değildir. Sunucunun dosyayı hangi içerik türüyle sunduğu önemlidir. Yayımlanmış bir dosyanın uzantısını değiştirirseniz eski bağlantıları da güncelleyin veya uygun yönlendirmeyi kurun.
.html uzantısıyla kaydedilir ve web tarayıcısı tarafından okunarak başlık, paragraf, bağlantı, liste, görsel ve diğer sayfa bölümlerine dönüştürülür. HTML dosyası tek başına sayfanın iskeletini oluşturur; görünümü CSS, etkileşimli davranışları ise JavaScript ile tamamlanabilir.HTML dosyası nasıl çalışır?
HTML, bir programlama dilinden çok işaretleme dilidir. Metnin anlamını ve sayfadaki görevini etiketlerle belirtir. Örneğin
<h1> ana başlığı, <p> paragrafı, <a> bağlantıyı ifade eder. Tarayıcı dosyayı açtığında bu etiketleri yorumlar ve ortaya çıkan belge yapısını ekranda gösterir.Bir HTML dosyasında genellikle iki ana bölüm bulunur:
<head>: Sayfa başlığı, karakter kodlaması, stil dosyaları ve tarayıcıya yönelik diğer bilgiler bulunur. Bu bölümdeki içeriklerin çoğu sayfa içinde doğrudan görünmez.<body>: Kullanıcının gördüğü başlık, metin, görsel, bağlantı, form ve diğer içerikler bulunur.
HTML:
<!doctype html>
<html lang="tr">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Örnek sayfa</title>
</head>
<body>
<h1>Merhaba</h1>
<p>Bu, basit bir HTML dosyasıdır.</p>
</body>
</html><!doctype html> bildirimi, tarayıcının eski siteler için kullanılan quirks modu yerine standartlara uygun görüntüleme modunu seçmesini sağlar. Tek başına dosyanın içerik türünü belirlemez. <html> tüm belgeyi kapsar. lang="tr" belgenin ana dilini belirtir. <title> tarayıcı sekmesinde görünen başlığı, <body> ise sayfanın görünen içeriğini tanımlar.HTML dosyası oluşturma ve açma
Basit bir HTML dosyası hazırlamak için özel bir geliştirme ortamı şart değildir. Düz metin kaydedebilen bir kod düzenleyici yeterlidir.
- Bir kod düzenleyici açın ve yeni bir dosya oluşturun.
- Temel HTML yapısını dosyaya yazın veya yukarıdaki örneği kopyalayın.
- Dosyayı
index.htmladıyla kaydedin. Dosya adının yanlışlıklaindex.html.txtolarak oluşmadığını kontrol edin. - Dosyaya çift tıklayarak veya tarayıcının
Dosya açseçeneğini kullanarak açın. - Kodda değişiklik yaptıktan sonra dosyayı kaydedin ve tarayıcıyı yenileyin.
index.html adı çoğu web projesinde ana sayfa dosyası olarak kullanılır. Alt sayfalar için hakkimizda.html veya iletisim.html gibi adlar kullanılabilir. Dosya adlarında küçük harf, boşluksuz ve tutarlı bir biçim kullanmak bağlantıları yönetmeyi kolaylaştırır. Türkçe karakterler yasak değildir; ancak URL kodlaması ve sunucunun büyük/küçük harf davranışı dikkate alınmalıdır.HTML dosyası, CSS ve JavaScript farkı
Bir web sayfasını oluşturan teknolojileri ayırmak, hangi dosyada değişiklik yapılacağını anlamayı kolaylaştırır.
| Teknoloji | Temel görevi | Örnek |
|---|---|---|
| HTML | İçeriğin yapısını ve anlamını tanımlar | Başlık, paragraf, bağlantı |
| CSS | Görünümü ve yerleşimi düzenler | Renk, yazı boyutu, boşluk |
| JavaScript | Etkileşim ve dinamik davranış ekler | Menü açma, doğrulama, içerik güncelleme |
Sık yapılan hatalar
Dosya uzantısını kontrol etmemek: Dosya metin düzenleyicisinde oluşturulduysa işletim sistemi uzantıyı gizleyebilir. Dosyanın gerçekten
.html ile bittiğini kontrol edin.Etiketleri yanlış kapatmak: Açılan etiketleri doğru sırayla kapatın. Örneğin paragraf etiketi
<p>Metin</p> şeklinde tamamlanmalıdır.HTML ile görünüm sorununu çözmeye çalışmak: İçeriğin yapısı doğruysa renk, hizalama ve boşluk sorunları için CSS kullanın.
Dosyayı kaydetmeden yenilemek: Tarayıcıda eski görüntü kalıyorsa önce dosyayı kaydedin, ardından sayfayı yenileyin.
İlk HTML dosyanız çalışıyorsa sonraki adım; başlıkları, paragrafları, bağlantıları ve listeleri anlamlı bir belge yapısı içinde kullanmak, ardından CSS ile görünümü düzenlemektir.
Sık sorulan sorular
HTML dosyası internet olmadan açılır mı?
Evet, temel HTML içeriği yerel dosyadan açılabilir. CSS, JavaScript ve görseller de cihazdaysa yolları doğru olmalıdır; internetten alınan kaynaklar bağlantı isteyebilir. Modül betikleri veya veri istekleri, file:// güvenlik sınırları nedeniyle yerel bir HTTP test sunucusu gerektirebilir.
HTML dosyası neden tarayıcıda kod olarak görünüyor?
Dosya uzantısı, kaydetme biçimi veya sunucunun içerik türü yanlış olabilir. Dosyanın gerçekten
.html uzantısına sahip olduğunu ve düz metin olarak kaydedildiğini kontrol edin. Sunucudan sunuluyorsa yanıtın Content-Type: text/html olmasını; etiketler <p> gibi kaçış karakterleriyle yazılmışsa kodun bilerek metin olarak gösterilip gösterilmediğini inceleyin..htm ve .html arasında içerik farkı var mı?
Her ikisi de HTML belgeleri için kullanılan uzantılardır; biri diğerinden daha gelişmiş bir HTML türü değildir. Sunucunun dosyayı hangi içerik türüyle sunduğu önemlidir. Yayımlanmış bir dosyanın uzantısını değiştirirseniz eski bağlantıları da güncelleyin veya uygun yönlendirmeyi kurun.
