Yeni Başlayanlar için HTML Düzenleyici

HTML öğrenmek için mükemmel başlangıç ​​noktası — kod yazın ve sonuçları anında görün.

giriiş

HTML öğrenmek web geliştirmenin ilk adımlarından biridir. Yeni başlayanlara uygun HTML düzenleyicimiz başlamayı kolaylaştırır: yalnızca kodu yazın ve sonuçları görün. Karmaşık kurulum yok, kafa karıştırıcı IDE özellikleri yok; yalnızca basit bir düzenleyici ve canlı önizleme.

HTML'ye Başlarken

HTML (HyperText Markup Language), web sayfaları oluşturmak için standart dildir. Bir sayfanın yapısını ve içeriğini tanımlamak için etiketleri kullanır. İşte temel bilgiler:

  • Etiketler — HTML öğeleri,

    ,

    ,

    gibi etiketlerle tanımlanır.

  • Nitelikler — Etiketler, class, id, href gibi niteliklere sahip olabilir
  • Yuvalama — Etiketler yapı oluşturmak için birbirinin içine yerleştirilmiştir
  • Kapanış etiketleri — Çoğu etiketin bir açılış ve kapanış etiketi vardır:

    ...

İlk HTML Sayfanız

Bunu HTML Code Runner'a kopyalayın ve Çalıştır'ı tıklayın:

<!DOCTYPE html>
<html>
<head>
  <title>My First Page</title>
</head>
<body>
  <h1>Welcome!</h1>
  <p>This is my first HTML page.</p>
  <a href="https://example.com">A link</a>
</body>
</html>

Denenecek Şeyler

  1. Başlık metnini değiştirin ve güncellendiğini görün

  2. etiketiyle ikinci bir paragraf ekleyin

    3. ve
    • ile sırasız bir liste oluşturun
  4. ile bir resim ekleyin
  5. Satır içi stille renk ekleyin: style="color: blue;"
  6. ile bir düğme oluşturun

Öğrenme Kaynakları

Yeni Başlayanlar İçin İpuçları

  • Her zaman ile başlayın
  • Açtığınız her etiketi kapatın
  • Kodunuzu okunabilir tutmak için girinti kullanın
  • Sık sık test edin; her birkaç değişiklikten sonra kodunuzu çalıştırın
  • Bir şeyleri kırmaktan korkmayın; bu şekilde öğrenirsiniz

Sıkça Sorulan Sorular

Hayır. HTML genellikle insanların öğrendiği ilk dildir. Prosedürel olmaktan ziyade tanımlayıcıdır (ne görmek istediğinizi tanımlarsınız).

Temel HTML'yi birkaç saat içinde öğrenebilirsiniz. Tüm unsurlara ve en iyi uygulamalara hakim olmak haftalarca pratik yapmayı gerektirir.

HTML'le başlayın. Sayfa yapısını oluşturduktan sonra stil vermek için CSS ekleyin. Daha sonra etkileşim için JavaScript'e geçin.

İlgili Kaynaklar