Nasıl

İlk HTML sayfası

İlk sayfa bir dosyadır. Adı index.html olsun. Tarayıcı onu kendi açar. Önce çerçeve, kitaplık ve site kurucu gerekmez.

Dosyanın içinde üç yer durur. html hepsini tutar. head sayfanın adını saklar. body insanın gördüğüdür. Görünen yazıyı body içine koy.

Dosyayı kaydet ve üzerine iki kez bas. Tarayıcı açılır. Yazı görünüyorsa sayfa hazırdır. Renk ve diziliş sonra gelir. O, CSS'tir.

  • Dosyayı masaüstüne kaydet ki bulabilesin.
  • <h1>Merhaba</h1> başlıktır. <p>Bu ilk sayfadır.</p> paragraftır.
  • Dosyanın sonu .html olmalıdır. .txt tarayıcıda kod gibi açılır.
  • Resim aynı klasörde duruyorsa img onun adını gösterir.
  • Düğme koymak olur. İş görmesi için JavaScript gerekir.
  • Hazır şablonu kopyalama. Önce bu üç satırı kendin yaz.

Sayfa açılmıyorsa dosya adının sonuna bak. .html değilse tarayıcı onu sayfa saymaz.

Bu konunun aracı

İlgili rehberler

Ayrıntılı bilgi

İlk HTML sayfası; herhangi bir çatıya, kütüphaneye veya site kurucusuna ihtiyaç duymayan tek bir dosyadır. Tarayıcının doğrudan okuyup ekranda gösterdiği temel yapı taşlarını barındırır ve web geliştirmeyi öğrenmek için en doğru başlangıç noktasıdır.

İnsanlar programlama öğrenmeye başladığında veya belgelerin tarayıcıda nasıl çalıştığını anlamak istediğinde bu dosyaya ihtiyaç duyar. Hazır şablonları kopyalamak yerine ilk satırları kendiniz yazmak, dosya yapısını ve tarayıcı mantığını kalıcı olarak kavramanızı sağlar.

Nasıl kullanılır

  1. Dosyayı index.html olarak adlandırın ve masaüstüne kaydedin.
  2. Dosyanın içine html, head ve body etiketlerini yerleştirin.
  3. Görünür metinleri ve başlıkları body etiketinin içine yazın.
  4. Dosyayı kaydedin ve tarayıcının açılması için üzerine iki kez tıklayın.

Nerede işe yarar

Sık sorulan sorular

Sayfa neden açılmıyor veya metin olarak görünüyor?

Dosya adının sonuna bakın. Uzantı .html değilse tarayıcı onu bir sayfa olarak değerlendirmez.

Özel bir program indirmem gerekir mi?

İlk başta bir çatıya, kütüphaneye veya site kurucusuna ihtiyacınız yoktur. Temel bir düzenleyici yeterlidir.

Eklediğim düğme hemen çalışır mı?

Sayfaya bir düğme koyabilirsiniz, ancak herhangi bir işlev yerine getirmesi için öncelikle JavaScript gereklidir.