HTML

HTML Nedir? Hypertext Markup Language Hakkında Genel Bilgiler

HTML nedir?

Hypertext Markup Language kısaltması olan HTML, kullanıcılara web sayfaları ve uygumaları oluşturmalarını sağlayan bir işaretleme dilidir. Bu işaretleme dilinin kullanımı ile oluşturduğumuz web sayfalarına başlık, paragraf, resim veya video eklemeleri yapabiliriz. HTML5 işaretleme dilini kullanabilmemiz için başlangıç seviyesinde herhangi bir program yüklememize gerek yoktur. Başlangıç seviyesinde bir Metin Belgesi işimizi rahatlıkla görebilir. İleri seviyede kodlamalar yapabilmemiz için ise Notepad++, Sublime Text veya Brackets gibi editörler kullanmamız gerekecektir.

 

HTML Hakkında Genel Bilgiler.

HTML, İsviçre’deki CERN araştırma enstitüsünde bir fizikçi olan Tim Berners-Lee tarafından icat edilmiştir. İnterneti baz alan bir hiper-metin sistemi tasarlamıştır. HTML’in ilk sürümü 1991 yılında yayınlandı ve 18 HTML5 etiketi içeriyordu. O zamandan bu yana, HTML5’in her bir yeni sürümü yeni etiketleri ve nitelikleri beraberinde getirdi. Günümüzde ise 140 HTML5 etiketi bulunmakta ancak bu etiketlerden bazıları modern tarayıcıların desteklememesi sebebi ile kullanılmamaktadır.

HTML5 hakkında bilinmesi gereken bir önemli husus ise bir programlama dili olmadığıdır. HTML işaretleme dili ile sadece statik web sayfaları oluşturulabilir. Dinamik web sayfaları oluşturabilmemiz için kullanmamız gereken  programlama dilleri ise ASP veya PHP’dir. Bu programlama dilleri ile birlikte dinamik web sayfaları oluşturabiliriz.

 

HTML5 Temel Kodları Nasıl Oluşur ?

HTML5’in oluşumunda kullanılan,

<!DOCTYPE html> Sayfanın dilini belirten yapıdır.

<html></html> Etikerleri ise sayfanın içerisinde bulunan header ve body kısmını genel olarak kapsayan tag’dir.

<head></head> Etiketleri ise sayfanın görünmeyen kısmını kapsar. Bu bölümde sayfanın tittle başlığı ve css, javascript gibi dışarıdan çağrılan kaynakların bulunduğu bölümdür.

<body></body> Etiketleri arasında kalan kısım ise sayfanın görünen yüzünü temsil eder. İçerisinde paragraf, başlık vb. içerikler bulunur.

Bu kodların yazılım şekillerini ve yapısını aşağıda ki örnek ile inceleyebilirsiniz.

<!DOCTYPE html>
<html lang="tr-TR">
  <head>
    <meta charset="utf-8">
    
    <title>Sayfa Başlığı -  Slogan | www.alanadi.com</title>
    <meta name="description" content=""/>
    <meta name="keywords" content=""/>

    <link rel="stylesheet" type="text/css" href="css/style.css">
    
  </head>

  <body>
      <h1>Her sayfa içerisinde bir adet kullanılan ana başlıktır.</h1>

      <p>Paragraf kısmıdır. Sayfa içerisinde birden fazla kullanılır.</p>

      <h2>Her sayfa içerisinde bir veya iki adet kullanılan alt başlıktır.</h2>

      <p>Paragraf kısmıdır. Sayfa içerisinde birden fazla kullanılır.</p>

  </body>
</html>

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

Başa dön tuşu