HTML nedir?
HTML, H yper T ext M arkup L anguage anlamına gelir
HTML, Web sayfaları için standart biçimlendirme dilidir
HTML öğeleri , HTML sayfalarının yapı taşlarıdır
HTML öğeleri <> etiketleri ile temsil edilir.
HTML Öğeleri
Bir HTML öğesi, aralarında içerik bulunan bir başlangıç etiketi ve bir bitiş etiketidir:
<h1>Bu bir Başlıktır</h1>
| Start tag | Element content | End tag |
|---|---|---|
| <h1> | This is a Heading | </h1> |
| <p> | This is paragraph. | </p> |
HTML Özellikleri
- HTML öğelerinin nitelikleri olabilir
- Nitelikler , öğe hakkında ek bilgi sağlar
- Nitelikler, charset="utf-8" gibi ad/değer çiftlerinde gelir
Basit Bir HTML Belgesi
<!DOCTYPE html>
<html lang="en">
<meta charset="utf-8">
<title>Page Title</title>
<body>
<h1>This is a Heading</h1>
<p>This is a paragraph.</p>
<p>This is
another paragraph.</p>
</body>
</html>
Örnek Açıklama
HTML öğeleri, HTML sayfalarının yapı taşlarıdır.
<!DOCTYPE html>Beyanname, bu belgeyi HTML5 olarak tanımlar .- Öğe ,
<html>bir HTML sayfasının kök öğesidir - Nitelik
lang, belgenin dilini tanımlar - Öğe ,
<meta>belge hakkında meta bilgiler içeriyor charsetNitelik, belgede kullanılan karakter setini tanımlar .- Öğe ,
<title>belge için bir başlık belirtir - Öğe ,
<body>görünen sayfa içeriğini içeriyor - Öğe büyük bir başlığı
<h1>tanımlar - Öğe
<p>bir paragraf tanımlar
HTML Belgeleri
Tüm HTML belgeleri, bir belge türü bildirimi ile başlamalıdır: <!DOCTYPE html>.
HTML belgesinin kendisi ile başlar <html>ve ile biter </html>.
HTML belgesinin görünen kısmı ve <body>arasındadır </body>.
HTML Belge Yapısı
Aşağıda bir HTML belgesinin (HTML Sayfası) bir görselleştirmesi bulunmaktadır:
Not: Bir tarayıcıda yalnızca <body> bölümünün (yukarıdaki beyaz alan) içindeki içerik görüntülenir.
HTML Başlıkları
HTML başlıkları <h1>to <h6>etiketleriyle tanımlanır.
<h1>en önemli başlığı tanımlar. <h6>en az önemli başlığı tanımlar:
Örnek
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<h3>This is heading 3</h3>
HTML Paragrafları
HTML paragrafları <p>etiketlerle tanımlanır:
Örnek
<p>This is a paragraph.</p>
<p>This is another paragraph.</p>
HTML Bağlantıları
HTML bağlantıları <a>etiketlerle tanımlanır:
Örnek
<a href="https://www.w3schools.com">This is a link</a>
Bağlantının hedefi hreföznitelikte belirtilir.
HTML Görselleri
HTML görüntüleri <img>etiketlerle tanımlanır.
Kaynak dosya ( src), alternatif metin ( alt),
widthve heightnitelikler olarak sağlanır:
Örnek
<img src="img_w3schools.jpg" alt="W3Schools" style="width:120px;height:150px"
HTML Düğmeleri
HTML düğmeleri <button>etiketlerle tanımlanır:
Örnek
<button>Click me</button>
HTML Listeleri
HTML listeleri <ul>(sırasız/madde işaretli liste) veya
<ol>(sıralı/numaralı liste) etiketleriyle, ardından <li>
etiketlerle (liste öğeleri) tanımlanır:
Örnek
<ul>
<li>Coffee</li>
<li>Tea</li>
<li>Milk</li>
</ul>
HTML Tabloları
Bir HTML tablosu bir <table>etiketle tanımlanır.
Tablo satırları <tr>etiketlerle tanımlanır.
Tablo başlıkları <th>etiketlerle tanımlanır. (varsayılan olarak kalın ve ortalanmış).
Tablo hücreleri (veriler) <td>etiketlerle tanımlanır.
Örnek
<table>
<tr>
<th>Firstname</th>
<th>Lastname</th>
<th>Age</th>
</tr>
<tr>
<td>Jill</td>
<td>Smith</td>
<td>50</td>
</tr>
<tr>
<td>Eve</td>
<td>Jackson</td>
<td>94</td>
</tr>
</table>
HTML'yi programlama
Her HTML öğesinin nitelikleri olabilir .
Web geliştirme ve programlama için en önemli nitelikler id ve sınıftır. Bu öznitelikler genellikle program tabanlı web sayfası manipülasyonlarını ele almak için kullanılır.
| Bağlanmak | Örnek |
|---|---|
| İD | <tablo kimliği ="table01" |
| sınıf | <p sınıfı ="normal"> |
| stil | <p stili ="font-size:16px"> |
| veri- | <div verisi -id="500"> |
| tıklamada | <input onclick ="myFunction()"> |
| fare üzerinde | <a onmouseover ="this.setAttribute('style','color:red')"> |
Tam HTML Eğitimi
Bu, HTML'nin kısa bir açıklaması olmuştur.
Tam bir HTML eğitimi için W3Schools HTML Eğitimi'ne gidin .
Tam bir HTML etiketi referansı için W3Schools Etiket Referansı'na gidin .