Nibras Code
UygulamalarQR oluşturUnutmaİletişimAna sayfa

Programlama

Temel HTML sözdizimi

Öğe, etiket, nitelik, boş öğeler, doctype ve doğru iç içe yerleştirme.

Tüm dersler · HTML dersleri: sıfırdan öğren

Eleman, etiket ve öznitelik

HTML, sayfanın parçalarını etiketlerle işaretler. Bir eleman açılış etiketi, içerik ve kapanış etiketinden oluşur: <p>Merhaba</p>. Etiket tarayıcıya «bu metin bir paragraftır» der.

Öznitelik elemana ek bilgi verir ve açılış etiketinde ad="değer" biçiminde yazılır. Bazı elemanlar boştur ve kapanış etiketi yoktur: <img>, <br>, <hr>, <input>.

<p class="note" lang="en">Hello, <strong>world</strong>!</p>
<img src="logo.png" alt="Company logo">
<a href="https://example.com" target="_blank">Open</a>

Sayfa iskeleti

Her HTML belgesi aynı iskelete sahiptir: doctype, html, head ve body. head'de sayfa hakkında bilgi (başlık, karakter kodlaması), body'de ise ziyaretçinin gördüğü her şey bulunur.

<!DOCTYPE html>
<html lang="az">
  <head>
    <meta charset="utf-8">
    <title>İlk səhifəm</title>
  </head>
  <body>
    <h1>Salam, dünya!</h1>
    <p>Bu, mənim ilk səhifəmdir.</p>
  </body>
</html>

Yazım kuralları

  1. Etiketleri düzgün iç içe koy: <p><em>…</em></p>, <p><em>…</p></em> değil.
  2. Öznitelik değerlerini tırnak içinde yaz.
  3. Etiket adlarını küçük harfle yaz.
  4. Metinde < ve & işaretlerini &lt; ve &amp; olarak yaz.

Yorum <!-- ... --> arasında yazılır ve ekranda görünmez. Tarayıcı boşlukları ve satır sonlarını tek boşluğa indirir; bu yüzden <br> yığmak yerine ayrı paragraflar kullan.

Yazar: Nibras Code