HTML
- HTML (Hyper Text Markup Language-Hiper/Zengin Metin İşaret Dili), web sayfalarını oluşturmak için kullanılan standart metin işaretleme dilidir.
- HTML, bir programlama dili olarak tanımlanamaz. Zira HTML kodlarıyla kendi başına çalışan bir program yazılamaz. Ancak bu dili yorumlayabilen programlar aracılığıyla çalışabilen programlar yazılabilir. (Tarayıcılar)
- Programlama dili denilememesinin nedeni tam olarak budur. Temel gereği yazı, görüntü, video gibi değişik verileri ve bunları içeren sayfaları birbirine basitçe bağlamak, buna ek olarak söz konusu sayfaların web tarayıcısı yazılımları tarafından düzgün olarak görüntülenmesi için gerekli kuralları belirlemektir.
- HTML kodunu web tarayıcıları okur, yorumlar ve görsel hale dönüştürürler, dolayısıyla aynı HTML kodunun farklı tarayıcılarda farklı sonuç vermesi olasıdır.
- Küçüktür ve büyüktür işaretleri arasına yazılan HTML komutları kullanılarak yazılır (ör: <html>). İşaretlenen metnin başını ve sonunu belirtmek için çoğunlukla çift olarak kullanılırlar (Örnek: <h1>Selam</h1>)
- İşaretlemek yerine metnin bir yerine bir işaret konacaksa tek olarak da kullanılabilirler (Ör: <img>).
- <head> ve </head> etiketleri arasında kalan kısım başlık bilgilerini içerir. Başlık bilgileri tarayıcı penceresinde görüntülenmez.
- <title> ve </title> etiketleri arasında kalan kısım dokümanınızın başlık bilgilerini içerir. Başlık tarayıcı penceresinin en üstünde görüntülenir.
- <body> ve </body> etiketleri arasında kalan kısım, tarayıcı penceresinde görüntülenecek olan kısımı içerir.
- <b> ve </b> etiketleri arasında kalan kısım ise koyu (bold) biçimde gösterilir.
- <br> alt satıra geçmek için kullanılır.
Adımlar
- Not defterini açın.
- Az önceki metini açtığınız editör içerisine yazın.
- Dosyayı “sayfam.html” olarak kaydedin. Uzantının .txt olmamasına dikkat edin.
- Oluşturduğunuz dosyaya tıklayın.
- Dosya tarayıcınızla açın.
Örnek
<html>
<head>
<title>Sayfa Başlığı</title>
</head>
<body>
<h1>This is heading 1</h1><br>
<h2>This is heading 2</h2><br>
<h3>This is heading 3</h3><br>
<p>This is a paragraph.<b>Bu metin koyu</b></p>
</body>
</html>