- Mesaj
- 727
- Çözümler
- 20
- Beğeni
- 586
- Puan
- 839
- Ticaret Puanı
- 0
Merhabalar,
İlk dersimize hoş geldiniz bugün bir HTML dosyası nasıl oluşturulur ? , head nedir ? title nedir ? body ne işe yarar gibi şeylere değineceğiz.
İlk olarak html dosyası oluşturmak için not defterinizi açın ardından Dosya > Farklı Kaydet > dosyaismi.html şeklinde kaydedin.Bu html dosyasına çift tıkladığımızda tarayıcımızda açılacak ve bize yazdığımız kodların derlenmiş halini gösterecektir.
standart HTML başlangıç kalıbımız şu şekildedir ;
gördüğünüz gibi her html kodu "< ve >" işaretler içerisine yazılır, <kod> şeklinde açılır ve </kod> şeklinde kapanır. Aslında böyle yazsanızda browser bunu derleyecek ve çalıştıracaktır.
Ama ilerleyen html derslerinde bunu şu şekilde kullanacağız ;
bunun nedeni tarayıcıya daha düzgün ve net bir şekilde derleme yapabilmesi için hangi dili kullandığımızı belirtiyor olmamız. Şimdi gelelim etiketlerin anlamlarına...
html : html etiketleri arasına yazılanların bir html kodu olduğunu tarayıcıya söyler ,
head : ingilizcesinden anlayacağınız gibi baş kısmını oluşturur. Sayfa başlığını , dili , stil tanımlamaları gibi değerleri tutar.
title : sayfanın başlık kısmında ne yazacağını belirlediğiniz alandır.
body : bir websitesini açtığınızda size görünen kısımdır.
şimdi bunları kullanarak 'İlk Dersim' başlıklı ve sayfa içerisinde de 'Bu benim ilk dersim ve HTML öğrenmek istiyorum' yazan bir web taslağı oluşturalım.
not defterimizi açalım ;
gördüğünüz gibi sitemizin başlık kısmını title ile belirledik ve body arasınada web sayfasında görünecek değeri yazdık. Şimdi bunu farklı kaydet diyerek ilkders.html olarak kaydedip çalıştıralım ve sayfada yaptığımız değişikliklere bakalım.
İlk ders buraya kadardı. Bir sonraki derse yazılar ile ilgili düzenlemelere bakacağız. Yazılar nasıl renklendirilir, nasıl boyutu büyütülür , nasıl ortalanmış bir şekilde yazılır bunları göreceğiz.
İlk dersimize hoş geldiniz bugün bir HTML dosyası nasıl oluşturulur ? , head nedir ? title nedir ? body ne işe yarar gibi şeylere değineceğiz.
İlk olarak html dosyası oluşturmak için not defterinizi açın ardından Dosya > Farklı Kaydet > dosyaismi.html şeklinde kaydedin.Bu html dosyasına çift tıkladığımızda tarayıcımızda açılacak ve bize yazdığımız kodların derlenmiş halini gösterecektir.
standart HTML başlangıç kalıbımız şu şekildedir ;
dosyaismi.html:
<html>
<head>
<title></title>
</head>
<body>
</body>
</html>
gördüğünüz gibi her html kodu "< ve >" işaretler içerisine yazılır, <kod> şeklinde açılır ve </kod> şeklinde kapanır. Aslında böyle yazsanızda browser bunu derleyecek ve çalıştıracaktır.
Ama ilerleyen html derslerinde bunu şu şekilde kullanacağız ;
dosyaismi.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title></title>
</head>
<body>
</body>
</html>
bunun nedeni tarayıcıya daha düzgün ve net bir şekilde derleme yapabilmesi için hangi dili kullandığımızı belirtiyor olmamız. Şimdi gelelim etiketlerin anlamlarına...
html : html etiketleri arasına yazılanların bir html kodu olduğunu tarayıcıya söyler ,
head : ingilizcesinden anlayacağınız gibi baş kısmını oluşturur. Sayfa başlığını , dili , stil tanımlamaları gibi değerleri tutar.
title : sayfanın başlık kısmında ne yazacağını belirlediğiniz alandır.
body : bir websitesini açtığınızda size görünen kısımdır.
şimdi bunları kullanarak 'İlk Dersim' başlıklı ve sayfa içerisinde de 'Bu benim ilk dersim ve HTML öğrenmek istiyorum' yazan bir web taslağı oluşturalım.
not defterimizi açalım ;
dosyaismi.html:
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>İlk Dersim</title>
</head>
<body>
Bu benim ilk dersim ve HTML öğrenmek istiyorum
</body>
</html>
gördüğünüz gibi sitemizin başlık kısmını title ile belirledik ve body arasınada web sayfasında görünecek değeri yazdık. Şimdi bunu farklı kaydet diyerek ilkders.html olarak kaydedip çalıştıralım ve sayfada yaptığımız değişikliklere bakalım.
İlk ders buraya kadardı. Bir sonraki derse yazılar ile ilgili düzenlemelere bakacağız. Yazılar nasıl renklendirilir, nasıl boyutu büyütülür , nasıl ortalanmış bir şekilde yazılır bunları göreceğiz.