HTML nedir, ne işe yarar? Sizin için bu rehberimizde HTML ile ilgili merak ettiğiniz soruları yanıtladık.
Bir web sitesi oluşturmak istediğinizde HTML yapısını göreceksiniz. Web sitesinin kemiklerini oluşturan HTML, metin biçimlendirme dili olarak da adlandırılır. Pek çok kişinin programlama dili olarak bildiği HTML aslında bir programlama dili değildir. Çünkü programlama dillerinde bir fonksiyon yazabilirken, HTML’de yazamazsınız. Öğrenmesi çok kolay olan HTML nedir, HTML ne işe yarar?
HTML nedir?
İngilizce, Hypertext Markup Language yani HTML anlamına gelir ve web sayfaları oluşturmak için önde gelen diller arasında yer alan bir Türkçe metin işaretleme dilidir. Tarayıcının okuyabildiği ve yorumlayabildiği dil, daha önce belirtildiği gibi bir programlama dili değildir.
HTML ile web sitesi oluşturmak çok kolaydır. Ancak, web sitesi çalışabilmesine rağmen, görünüm iyi görünmeyebilir. Bu nedenle HTML’ye ek olarak CSS ve JavaScript dillerini de öğrenmenizi ve birlikte kullanmanızı öneririz.
Metin İşaretleme Dili, en son sürüm olan HTML5, ilk olarak 1993 yılında piyasaya sürüldü. .hmlt, .htm
gibi uzantılarla kaydedilir. HTML, bilgisayarınızdaki metin belgelerine kolayca yazılabilir. Ancak, metin belgeleri gibi araçlar çok kullanışlı değildir, bunun yerine daha uygun metin düzenleyicileri kullanmanızı öneririz.
HTML’in Temel Yapısı
- <!DOCTYPE html>
- <html>
- <head></head>
- <body></body>
- </html>
Yukarıda HTML dilinin temel yapısını görebilirsiniz, HTML’deki hemen hemen tüm açık etiketlerin kapatılması gerektiğini belirtmekte fayda var. Tüm kodlar bu yapının içine yazılmalıdır.
Bilmeniz Gereken HTML Kodları
-<p> </p> Paragraf oluşturmak için.
-<h1> </h1> Başlık oluşturmak için (h2, h3, h4 gibi devam eder.)
-<ul> </ul> Maddeleme yapmak için kullanılır.
-<ol> </ol> ul yapısının içinde sayılar ile sıralama yapmak için.
-<li> </li> ul yapısının içinde maddeleme yapmak için.
-<table> </table> oluşturmak için kullanılır.
-<tr> </tr> table etiketi içinde satır oluşturmak için.
-<td> </td> table etiketi içerisinde sütun oluşturmak için.
-<!– –> Yorum satırı için kullanılır.
HTML Örnekleri
- <!DOCTYPE html>
- <html>
- <head>
- <title>indir</title> <!– Sitenin sol üstünde bulunan başlığı belirtir. –>
- </head>
- <body>
- <p>indir’e Hoşgeldiniz. </p> <!– Paragraf metinleri oluşturur –>
- </body>
- </html>