Temel HTML Yapısı

HTML, bir sitenin iskeletini yaparken temel bir web işaretleme dili olarak geçmektedir. Bir web sitesinin yapısını HTML ile tanımlarız. Yapılacak işaretleme ve kodlar ile HTML öğeleri bu durumda web tarayıcısına içeriği nasıl bir biçimde göstermesi gerektiğini ifade eder. Web sitesinin hatlarını HTML ile belirleriz bunlar ise ana hatlar olarak geçer...

Poyraz
Poyraz tarafından
29 Mart 2026 yayınlandı / 29 Mart 2026 06:41 güncellendi
2 dk 44 sn 2 dk 44 sn okuma süresi
Temel HTML Yapısı
0 Yorum

HTML, bir sitenin iskeletini yaparken temel bir web işaretleme dili olarak geçmektedir. Bir web sitesinin yapısını HTML ile tanımlarız. Yapılacak işaretleme ve kodlar ile HTML öğeleri bu durumda web tarayıcısına içeriği nasıl bir biçimde göstermesi gerektiğini ifade eder. Web sitesinin hatlarını HTML ile belirleriz bunlar ise ana hatlar olarak geçer ve CSS ile görünümü ortaya çıkar.

Web sitesi yapmak için kodlamaya adım atan kişiler HTML yapısını ve işleyiş şeklini basit bir şekilde öğrenebilir. Yeni başlayan kişiler için oldukça basit öğrenebilecekleri bir kodlama dilidir. HTML bilgisini ve mantığını anladığınız zaman oldukça kolay geliştirmeler yapabilirsiniz.

< > işaretleri HTML kodlamasında kullanılan bir yapıdır. Yazılan kodlar sonrasında en sonunda / işaretiyle kapatmaktayız. Örneğin:

<p>Örnek Paragraf</p>

HTML kodlamasına başladığımız zaman etiketlerin arasına kodlamalarımızı yapmaktayız. Head, body etiketlerinden bahsetmekteyiz. Head etiketi web sitesinin üst bölümünü ifade eder ve buraya yazdığımız kodlar örneğin menüler olarak düşünebilirsiniz. Head bir web sitesinin en üst bölümünü ifade etmektedir. Body etiketi ise , orta kısımı ifade eder. Buraya içerikleriniz gelmektedir. Sayfanın en alt kısmına ise footer demekteyiz. Footer alanı genellikle, Hakkında, Gizlilik Politikası ve ekstra ekleyeceğiniz şeyleri ifade ediyor.

HTML İskelet Yapısının Örneği:

<!DOCTYPE html>
<html>
<head>
</head>
<body>
</body>
<footer>
</footer>
</html>
İskelet yapısındaki bu etiketler hakkında bilgi vermek istiyorum.
<!DOCTYPE html>
Yazılabilecek tüm HTML kodlarından önce zorunlu olarak hep bu yazılmalıdır. Bu HTML yapısının türünü ifade etmektedir.
<html>
   …
</html>
HTML etiketleri arasında yazmış olduğumuz bütün kodlar bulunur.
<head>
   …
</head>
Bu etiket ise sayfanın en üst bölümünü ifade etmektedir. Head kısmında menü, logo gibi gerekli olan etkenler bulunur. Ayrıca CSS kodlarıda bu bölümde yer alır.
<body>
   …
</body>
Sayfanın orta bölümü yani gövdesini ifade eder. Burada ise yazılar, içerikler, paragraflar, linkler yani içeriğin tüm gerekli olan tüm herşeyi body kısmında bulunmaktadır.
<footer>
Web sitesinin en alt bölümünü ifade eden etikettir. Örneğin hakkında, copyright gibi verilerin yazıldığı bölümdür.
Dikkat! HTML programlama dili olarak tanımlanamaz. İngilizce olarak HyperText Markup Language olarak geçer ve Hiper Metin İşaretleme Dili olarak kullanılmaktadır. HTML’in en son sürümü HTML5’dir.
HTML hakkında geniş kapsamlı merak ettiğiniz şeyleri görmek için  https://tr.wikipedia.org/wiki/HTML adresini ziyaret edebilirsiniz.

Ayrıca  online olarak HTML ve CSS kodlama eğitimleri bulunan Udemmy’i buradan ziyaret edebilirsin: Udemmy HTML


39854 3839530

 

html yazıya link verme39854

Bu yazıya tepkin ne?

Yorum Ekle

Temel HTML Yapısı

Bu Yazıyı Paylaş

1