Anasayfa
Forum
Hakkında
HTML’e Giriş (5)
Temel HTML Komutları ve Sayfa Oluşturma
Şu ana kadar 4 derste HTML’in temel yapısını kavradığımızı varsayıyorum. Komutların nasıl kullanıldığını az çok öğrendik. Şimdi hangi komutlar ne işe yarıyor ve nasıl kullanılır onu anlatacağız.
Bir HTML sayfası iki bölümden oluşur. Bunlardan biri “Başlık” diğeri ise “Gövde”dir. Sayfanın niteliği yani arama motoruna yönelik içerikler başlık kısmında, sayfa içeriği yani biz kullanıcıların web sitelerini gezerken gördüğümüz içerikler ise gövde kısmında bulunur.
Kod:
<html>
<head></head>
<body></body>
</html>Yukarıda görüldüğü üzere HTML sayfası <html> etiketi ile başlar ve </html> etiketi ile kapatılır. Yukarıdaki kodlar bir html sayfasıdır. İçerik eklenecekse bunu <head> ve <body> etiketleri arasına yazmanız gerekir.
Şimdi bir HTML sayfası oluşturalım ve bu sayfa tarayıcıda açtığımızda bize “merhaba dünya” yazısını göstersin
Kod:
<html>
<head></head>
<body>merhaba dünya</body>
</html>Yukarıdaki sayfamız tarayıcıda sadece merhaba dünya yazdırdı. Ancak sayfanın adı bizim dosyayı oluşturduğumuz “ilksayfa.html” olarak görüntülenmekte. Şimdi sayfamıza isim verelim. Burada vereceğimiz isim “Sayfam” olsun. Bunu HTML dosyası içinde <title> etiketleri arasına yazmamız gerekmektedir. <title> etiketİ İngilizce “başlık” anlamına gelen title’dan gelmektedir. Bu etiket HTML sayfasında <head> etiketleri arasında yer almalıdır. Örnek kullanımına ve önizlemesine bakalım:
Kod:
<html>
<head><title>Sayfam</title></head>
<body>merhaba dünya</body>
</html>Peki <title> etiketinin önemi nedir?
Arama motorları (Google, Yandex, Bing, Duckduckgo, …) tarafından sevilen ve arama motoru veritabanına sayfanın özelliğine göre -ürün satış sayfası ise “iPhone14 Satın Al gibi”- eklenen, arama sonuçlarında sayfanın daha kolay listelenmesini sağlayan ve arama sonuçlarında karşınıza çıkan içerikler bu etiket sayesindedir.Temel olarak HTML sayfası özelliklerinden bahsettim ama sayfa oluşturup nasıl kaydedeceğiniz anlatmadım sizlere. Dersin son bölümü de bu olsun.
Evet ilk önce Windows işletim sistemli bilgisayar kullanan arkadaşlar için anlatım yapayım. Masaüstüne gelip boş bir alanda Mouse ile sağ click yapıp gelen seçenek menüsünden “Metin Belgesi”ne tıklayınız.
Metin belgesi açılır açılmaz öncelikli olarak olması gereken temel kodlarımızı ekliyoruz. Neydi bunlar hatırlayalım:
Kod:
<html>
<head></head>
<body> </body>
</html>Kodlarımızı ekledikten sonra Metin belgesi içinden sırasıyla “Dosya
Farklı kaydet” diyoruz.Gelen sayfada “dosya adı” size saklı olmak ve Türkçe karakter içermemek üzere, sonuna .html yazıyoruz. Örnek olarak ben ilksayfam.html oluşturdum. Akabinde kayıt türüne ise “Tüm dosyalar”ı seçiyoruz
Sayfamızda Türkçe karakter kullanabiliriz ve karakterlerin düzenli görüntülenmesi için hemen yan tarafta “Kodlama” alanı var buradan da UTF-8 i seçiyoruz ve akabinde kaydediyoruz.
Klasöre baktığınızda bunu net bir şekilde görebilirsiniz. Dosyamız web tarayıcı formunda görüntülenmekte.
