HTML Nedir?

Html Nedir


HTML Nedir?

Html(Hyper Text Markup Language) web sayfalarının iskelet yapısını oluşturmak için kullanılan işaretleme dilidir.Html bir programlama dili değildir çünkü html'in fonksiyonel bir işlevi yoktur.Html ile web sayfalarının bölümlerini, yazılarını, resimlerini, linklerini ve bir çok şeyi oluşturabilirsiniz.

Html'in son sürümü HTML5'dir.

Html kodları yazmak için notepad bile kullanabilirsiniz ancak benim size önerim Visual Studio Code, Webstorm vb. ideler kullanmanız.Html kodları .html uzantılı dosyaya yazılır.

Nelere dikkat etmeliyiz?

Html'de <>ile başlayıp </> ile biten bölümlere etiket deriz.Her etiketin kapatılması zorunludur ancak bazı etiketlerin kapatılma şekli farklıdır.Mesela bir "div" etiketinin kapatılma şekli;

<div></div>

iken bir "img" etiketinin kapatılma şekli;

<img src=""/>
<!--veya-->
<img src="">

bu şekildedir.Şunu şöyle açıklayabiliriz.Etiket içerisine değer girilen etiketlerde kapatılma şekli 1. kod örneği gibidir, ancak değer girme şekli etiket bölümünde olan etiketlerde 2. şekildedir.Bazı örneklere bakalım;

<div></div>
<a></a>
<li></li>
...

Html etiketlerini küçük veya büyük harflerle yazabilirsiniz ancak önerilen küçük harflerle yazmanızdır.

Html etiketlerinde Türkçe karakter kullanamazsınız.

Html sayfaları belirli şablona göre oluşturulmalıdır.O şablona bir göz atalım;

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Başlık</title>
</head>
<body>
    
</body>
</html>
  1. <!DOCTYPE html>: Sayfa başlangıcında yer alır. HTML 5 sürümünün kullanıldığını gösterir. (En güncel olan olduğu için HTML 5 kullanılır.)
  2. <html>: Sayfa yer alan kodların HTML kodu olarak yorumlandığını belirtir. Doctype dışındaki diğer tüm kodlar html içinde olmak zorundadır. <html> kodunu head be body olarak ikiye ayrılır.
  3. <title>: Tarayıcı sekme kısmında görünen başlık kısmıdır.
  4. <head>: Hazırlanan sayfalar ile ilgili bilgilerin ve tanımlamaların yer aldığı kısımdır. Bu kısımda yer alan kodlar oluşturulan web sayfasında görüntülenmez.
  5. <body>: Oluşturulan sayfanın içeriğinin hepsini içeren kısımdır. Kullanılacak olan tagların büyük çoğunluğu body etiketi içerisinde yer alır.
Yorumlar
  • Yorum bulunamadı.
Yorum ekle