1122

Komple Uygulamalı Web Geliştirme Eğitimi

Html Yapısı

Html sayfalarının en temel bileşenleri nelerdir ? Bir html iskeleti nasıl oluşturulur ?

Bir html sayfası oluşturmadan önce mutlaka html 5 standartlarına uygun bir html iskeleti oluşturmalıyız. Web sayfalarımızı html 5 standardına uygun hazırlamamız büyük önem taşımaktadır çünkü arama motorları tarafından önemsenmektedir.

Aşağıda her zaman kullanabileceğimiz bir html iskeleti mevcuttur.

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Sayfa Başlığı</title>
    <style type="text/css">
        Buraya css kodlarımız gelir.
    </style>
</head>
<body>
    Sayfada görünen tüm içerik buraya eklenir.
</body>
</html>

Örnek 1 için tıklayınız.

 

Html Etiketi Nedir ?

Sayfa üzerinde kullanılan her öğeye html etiketi denir. Html bir programlama dili olmadığından etiket isimlerini yanlış yazsanızda html sayfası hata vermeden çalışır ve görüntülenir ama oluşturmak istediğimiz görüntüyü bazen tarayıcıda farklı şekilde görebiliriz.

Etiket kullanımı şu şekildedir ;

<etiket_ismi> ....   </etiket_ismi> : açılış ve kapanış etiketleri arasına sayfa öğelerini ekleriz ve etiketin görevi ne ise içinde bulunan öğeye o görevi uygular.

Örnek bir html sayfası içinde bazı önemli noktaları kabaca açıklayalım.

<!doctype html>  : Sayfanın html5 standartlarına uygun bir html dökümanı olduğunu belirtiyoruz.

<html> : Sayfadaki bütün elemanlar <html> açılış etiketi ve </html> kapanış etiketleri arasına gelir. 

<head> : Sayfa ile alakalı açıklamaların yer aldığı kısımdır. Örneğin sayfamızın arama motorlarında hangi anahtar kelime ile bulunmasını istiyorsak burada belirtiyoruz yada sayfanın bağlı olduğu harici kaynakların belirtilmesi, sayfa başlığı gibi sayfada direk görmediğimiz ama sayfa ile alakalı bilgilerin yer aldığı kısımdır.

<title> : Tarayıcı penceresinin sol üst kösesindeki sayfa başlığını burada belirtiyoruz.

<meta> : Sayfamızı tanımlayan açıklamaların bulunduğu kısımdır. Sayfa açıklaması,sayfa başlığı, kullanılan karakter seti tanımlaması gibi işlemler burada tanımlanıyor.

<style> : Sayfada kullanılan stil işlemlerinin tanımlaması yapılır.Örneğin arkaplan rengi yazı rengi yada nesnelerin hizalanması gibi işlemler.

<body> :  Html sayfası üzerinde gördüğümüz tüm nesnelerin tanımlanmış olduğu kısımdır. 

Bu etiketler html sayfamızın genel hatlarını oluşturan en genel etiket türleridir.