sıfırdan html dersleri

Ders 3: HTML ‘e Giriş

Bugün HTML Dersleri ‘nin ilki olan sıfırdan html ‘e giriş yapacağız. Öncedende bahsetmiş olduğumuz gibi html bir programlama dili değil işaretleme dilidir. Bu Dersimize başlamadan önce DERS 1: Html Nedir ? Web Tasarım Editörleri Nelerdir? Konulu dersimizde sizlere önerdiğimiz bir Web Tasarım Editörünü kullanarak öğrendiklerinizi uygulayabilirsiniz. Ben bu dersimde ve bundan sonraki derslerimde genellikle kullandığım web tasarım editörü olan dreamweaver ile devam edeceğim. Eğer herhangi bir Web Tasarım Editörünüz yok ise Windows kullanıyorsanız not defterini açın. Mac OS kullanıyorsanız Simple Text programını açın. İlk dersimize başlayalım

HTML İle İlk Sayfamızı Oluşturalım

 

<html>
<head>
<title>Bu benim ilk dersim</title>
</head>
<body>
Merhaba Dünya <b>Bu metin kalın</b> <i>Bu metin italik</i>
</body>

<footer>Tüm Hakları Saklıdır.</footer>

</html>

Dosyayı masaüstüne “Farklı Kaydet” yapınız. index.html olarak kaydedin. Ardından oluşturduğunuz dosyaya çift tıklayın oluşturduğunuz dosya web tarayıcısında açılacaktır.

Şöyle bir görüntü olacaktır:

 

html ilk sayfa

Örneğin Açıklaması

HTML dosyamızdaki ilk tag <html> ‘dir. HTML yazıyorsak her zaman ilk bu etiket ile başlanır. Bu etiket web tarayıcımıza dosyanın html olduğunu söyler.
HTML dosyamızdaki son tag </html> ‘dir. HTML ‘de her başlangıç etiketinin bir bitiş etiketi vardır(İstisnalar hariç).
HTML dosyamızdaki <head> </head> etiketi arasında kalan kısım başlık bilgilerini içerir. Başlık bilgileri sayfamız içerisinde gösterilmez. <head> etiketi kullanıcıdan çok arama motorlarına ve sayfamız hakkında bilgilerin girildiği kısımdır.
<title> </title> etiketine sayfanın başlığı yazılır. Tarayıcıdaki tab dediğimiz kısımlarda bulunacak başlık bilgisi yazılır.
<body> </body> etiketi sayfanın gövde kısmıdır. Sayfanın içerisinde gösterilecek herşey buraya kodlanır. Tarayıcıda görüntülenecek kısım.
<b> </b> body etiketinin arasında yer alan bu etiket yazılan metini kalın yapmamızı sağlar.
<i> </i> body etiketinin arasında yer alan bu etiket yazılan metini italik(eğik) yapmamızı sağlar.
<footer> </footer> Web sayfasının en alt kısmında belli verilerin yer aldığı kısımdır. Sayfanın en alt kısmıda diyebiliriz.

Elementler

HTML dili tag, etiket adlarını verdiğimiz kodlamalardan oluşur.
Bu kodlar < ile başlayıp > ile biterler.
Bir kod genellikle iki parçadan oluşur. Bu elementin başladığı ve bittiği kodlardır. Element bittiği zaman bölü işareti (/) ile başlangıçtaki değerin yazılması yeterlidir. Örneğin: <b>bu metin</b>
Tabi her kod bu duruma uymaz. Bazı kodlar için kapanma anahtarı kullanılmaz, onun yerine bu işaret başlangıç kodunun sonuna eklenir. Örneğin: <br />, <hr />
Bu kodlar büyük-küçük harf fark etmeden işler. Yani <b> ile <B> arasında fark yoktur. Buna karşın W3C standartları gereği küçük harf kullanmak daha yararlıdır.

Başlayan ve biten html kodu örneği:

<b>Bu metin kalın</b>

Kapanma anahtarı olmayan kod örneği:

<img src="resimeklemekodu.jpg"/>

Bir web sayfasının iskeleti basitçe böyle oluşturuluyor. Eğer kafanızda soru işaretleri var ise yorum yazarak sormaktan çekinmeyin muhakak tarafımdan cevaplanacak.

One thought to “Ders 3: HTML ‘e Giriş”

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir