HTML, bir web sayfasının yapısını tanımlayan bir işaretleme dilidir. HTML belgesinin mutlak şartları ve ana etiketleri şunlardır:
-
Mutlak Şartlar:
-
<!DOCTYPE html>: HTML5 belirtimini kullanmak için belgenin başında bulunmalıdır. Tarayıcıya hangi HTML sürümünü kullanması gerektiğini bildirir. -
<html>: HTML belgesinin başlangıcını temsil eder.<!DOCTYPE html> <html> <!-- Sayfa İçeriği Buraya Gelecek --> </html>
-
-
Temel Yapı:
-
<head>: Başlık, meta bilgiler, stil tanımları gibi sayfa başlığı ile ilgili bilgileri içerir. -
<title>: Sayfanın başlığını belirtir. Tarayıcı sekmesinde görünen metni ifade eder. -
<body>: Sayfanın içeriğini içerir.<!DOCTYPE html> <html> <head> <title>Web Sayfam</title> </head> <body> <!-- Sayfa İçeriği Buraya Gelecek --> </body> </html>
-
-
Metin Yapıları:
<h1>-<h6>: Başlık etiketleri, sayfadaki başlıkları belirtir.<p>: Paragraf etiketi, metin paragraflarını tanımlar.<a>: Bağlantı etiketi, hyperlink (bağlantı) oluşturur.
-
Liste Yapıları:
-
<ul>: Sırasız liste (ul) oluşturur. -
<ol>: Sıralı liste (ol) oluşturur. -
<li>: Liste elemanını temsil eder.<ul> <li>Madde 1</li> <li>Madde 2</li> </ul>
-
-
Form Yapısı:
-
<form>: Form etiketi, kullanıcıdan veri almak için kullanılır. -
<input>: Form içinde kullanılarak çeşitli giriş alanlarını temsil eder (metin kutuları, şifre kutuları, düğmeler, vb.).<form action="/form-handler" method="post"> <label for="username">Kullanıcı Adı:</label> <input type="text" id="username" name="username"> <br> <label for="password">Şifre:</label> <input type="password" id="password" name="password"> <br> <input type="submit" value="Giriş Yap"> </form>
-
Bu, HTML belgesinin temel yapısını ve ana etiketlerini içeren bir örnektir. HTML, daha pek çok etiket içerir ve bu etiketlerin kullanımı, sayfa içeriğine ve amacına bağlı olarak değişebilir.