- Katılım
- 29 Haz 2019
- Konular
- 482
- Mesajlar
- 2,156
- Çözüm
- 182
- Reaksiyon Skoru
- 1,087
- Altın Konu
- 0
- TM Yaşı
- 6 Yıl 11 Ay 14 Gün
- Başarım Puanı
- 212
- MmoLira
- 2,582
- DevLira
- 33
ROHAN2 WORLD 1-120 TR TİPİ OFFICIAL YOHARA, BALATHOR VE AMON! 80. GÜNÜNDE! +10.000 ONLİNE! HİLE VE BOT %100 ENGELLİ HEMEN TIKLA!
Html sayfası nedir ve nasıl oluşturulur ?
İngilizce Hyper Text Markup Language cümlesinin baş harflerinden oluşur, Türkçe anlamı ile Hiper Metin İşaret Dili olarak çevirilir.
Html dökümanı tarayıcıların (chrome , internet explorer) anlayacağı bazı söz dizimlerini içeren dökümanlardır. Html dökümanında yazdıklarımız tarayılar üzerinde görüntülenir.
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.
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.
İngilizce Hyper Text Markup Language cümlesinin baş harflerinden oluşur, Türkçe anlamı ile Hiper Metin İşaret Dili olarak çevirilir.
Html dökümanı tarayıcıların (chrome , internet explorer) anlayacağı bazı söz dizimlerini içeren dökümanlardır. Html dökümanında yazdıklarımız tarayılar üzerinde görüntülenir.
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.
Kod:
<!DOCTYPE html> ( Bu etiket açılış ve kapanış olmadan tek satırdan oluşur. Bu sayfada yazan bütün kodların html standartlarına uygun olduğunu gösterir.)
<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>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.
Son düzenleme:
