HTML - Genel Bakış

HTML, Hypertext MArkup Language ve Web Sayfaları yazmak için en yaygın kullanılan dildir.

HypertextWeb sayfalarının (HTML belgeleri) birbirine bağlanma biçimini ifade eder. Bu nedenle, bir web sayfasında bulunan bağlantıya Hypertext adı verilir.
Adından da anlaşılacağı gibi HTML bir Markup Language bu, HTML'yi, bir Web tarayıcısına onu görüntülenecek şekilde nasıl yapılandıracağını söyleyen etiketlerle "işaretlemek" için kullandığınız anlamına gelir.

Başlangıçta HTML, araştırmacılar arasında bilimsel bilgilerin paylaşımını kolaylaştırmak için başlıklar, paragraflar, listeler vb. Gibi belgelerin yapısını tanımlamak amacıyla geliştirilmiştir.

Artık HTML, HTML dilinde mevcut olan farklı etiketlerin yardımıyla web sayfalarını biçimlendirmek için yaygın olarak kullanılmaktadır.

Temel HTML Belgesi

En basit haliyle, aşağıdaki bir HTML belgesi örneğidir -

<!DOCTYPE html>
<html>

   <head>
      <title>This is document title</title>
   </head>
	
   <body>
      <h1>This is a heading</h1>
      <p>Document content goes here.....</p>
   </body>
	
</html>

HTML Etiketleri

Daha önce de belirtildiği gibi, HTML bir biçimlendirme dilidir ve içeriği biçimlendirmek için çeşitli etiketlerden yararlanır. Bu etiketler açılı parantez içine alınır<Tag Name>. Birkaç etiket dışında, etiketlerin çoğunun kendi ilgili kapanış etiketleri vardır. Örneğin,<html> kapanış etiketine sahip </html> ve <body> etiketinin kapanış etiketi var </body> etiket vb.

Yukarıdaki HTML belgesi örneği aşağıdaki etiketleri kullanır -

Sr.No	Etiket ve Açıklama
1	<!DOCTYPE...> Bu etiket, belge türünü ve HTML sürümünü tanımlar.
2	<html> Bu etiket, HTML belgesinin tamamını kapsar ve esas olarak <head> ... </head> ile temsil edilen belge başlığından ve <body> ... </body> etiketleriyle temsil edilen belge gövdesinden oluşur.
3	<head> Bu etiket, <title>, <link> vb. Gibi diğer HTML etiketlerini tutabilen belgenin başlığını temsil eder.
4	<title> <title> etiketi, belge başlığından bahsetmek için <head> etiketinin içinde kullanılır.
5	<body> Bu etiket, <h1>, <div>, <p> vb. Gibi diğer HTML etiketlerini tutan belgenin gövdesini temsil eder.
6	<h1> Bu etiket başlığı temsil eder.
7	<p> Bu etiket bir paragrafı temsil eder.

HTML öğrenmek için, metinsel bir belgeyi biçimlendirirken çeşitli etiketleri incelemeniz ve nasıl davrandıklarını anlamanız gerekir. HTML öğrenmek, kullanıcıların güzel bir web sayfası oluşturmak için metni veya görüntüleri biçimlendirmek için farklı etiketlerin kullanımını öğrenmesi gerektiğinden basittir.

World Wide Web Consortium (W3C), HTML 4'ten başlayarak küçük harfli etiketlerin kullanılmasını önerir.

HTML Belge Yapısı

Tipik bir HTML belgesi aşağıdaki yapıya sahip olacaktır -

<html>
   
   <head>
      Document header related tags
   </head>
   
   <body>
      Document body related tags
   </body>
   
</html>

Sonraki bölümlerde tüm başlık ve gövde etiketlerini inceleyeceğiz, ancak şimdilik belge bildirim etiketinin ne olduğunu görelim.

<! DOCTYPE> Bildirimi

<! DOCTYPE> bildirim etiketi, web tarayıcısı tarafından belgede kullanılan HTML sürümünü anlamak için kullanılır. HTML'nin şu anki sürümü 5'tir ve aşağıdaki beyanı kullanır -

<!DOCTYPE html>

Hangi HTML sürümünün kullanıldığına bağlı olarak HTML belgesinde kullanılabilecek birçok başka bildirim türü vardır. <! DOCTYPE ...> etiketini diğer HTML etiketleriyle birlikte tartışırken bununla ilgili daha fazla ayrıntı göreceğiz.