8 Ocak 2018 Pazartesi

HTML - Notepad++ ve Sayfa Yapısı

 

Merhaba arkadaşlar ilk dersimiz de  notepad++ dan ve ana gövdemizden bahsedeceğim.


Html web sayfaları hazırlamak için kullanılan bir işaretleme dilidir. Halihazırda kullandığımız web tarayıcıları (Internet Explorer, Firefox, Chrome v.b) bu kodları anlayarak görsel web sayfalarına dönüştürürler. Html bir programlama dili değildir. 
Html dili bize temel olarak;

yazı, görsel ve video gibi öğeleri sayfa içersine yerleştirme ve konumlandırma,
bu sayfaların web tarayıcılarında düzgün şekilde görüntülenmesi,
arama motorlarına sayfa hakkında bilgi verme
gibi işlemleri gerçekleştirir.


Html ile web sayfası hazırlamak için bilgisayarınıza herhangi bir program yüklemenize gerek yoktur. Herhangi bir metin editörü (not defteri, word, wordpad gibi) html sayfaları oluşturmak için yeterlidir. Fakat kodları yazarken kolaylık sağlamak ve kod yazım hızını arttırmak için Dreamweaver, Notepad++, Sublime Text gibi programlar tercih edilebilir.

HTML derslerimiz için gerekli olan notepad++  aşağıdaki linkten indirip bilgisayarınıza kura bilirsiniz.

notepad++ indir


1. <html> </html>
Html kodlarımız bu iki etiketin arasına yazılır.Örneğimizi inceleyelim.
1 <html>
2 <head>… head etiketinin içeriği ….</head>
3 <body>
4   ….
5   body etiketinin içeriği
6   ….
7 </body>

8 </html>
 resimdeki gibi dosyamızı : Hyper text markup language file (*html....      şeklinde kayıt ediyoruz.

<title></title>
Sayfamızın başlık bilgisi bu etiket altında yer alır. Bu etiket head etiketi içinde kullanılmak zorundadır.
<head>
<title>İlk HTML denemem</title>
</head>
<body>
MERHABA DÜNYA
</body>



bir sonraki dersimizde görüşmek üzere esen kalın... ebi

Hiç yorum yok:

Yorum Gönder

yukarı git