HTML NEDİR ?
[FONT=&]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.[/FONT][FONT=&]HTML dili bize temel olarak;[/FONT]
- 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,
[/FONT]
HTMLile 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.Hazırlamış olduğunuz web sayfalarını kaydederken HTML,HTM,XHTML gibi tarayıcıların anlayabileceği bir uzantı ile kaydetmeniz gerekir.Not defterini açarak basit bir web sayfası oluşturmak için aşağıdaki kodları yazalım.[FONT=&]
HTML:
<html>
<head>
<title>Hoşgeldiniz</title>
</head>
<body>
<p>Html Öğreniyorum</p>
</body>
</html>
[/FONT]
[FONT=&]
[/FONT]
[FONT=&]Sayfayı masaüstünde çift tıklayıp varsayılan web tarayıcınız ile çalıştırdığınızda ilk web sayfanızın çalıştığına şahit olacaksınız.[/FONT]
[/FONT]
[FONT=&]
[/FONT]
[FONT=&][/FONT]
[FONT=&]HTML Kodları Yazarken Dikkat Edilmesi Gereken Hususlar[/FONT]
- <html>,<head>,<body> gibi büyüktür (<…>) içerisine yazılan kodlara etiket (tag) adı verilir.
- Açılan her etiket kapatılır.Etiketi kapatmak için / işareti kullanılır.
- Html etiketlerinde Türkçe karakterler yer almaz.
- Etiketler büyük veya küçük harfle yazılabilir. Fakat genel kabul görmüş yazım biçimi küçük harftir.
[FONT=&]Şimdi yukarıda yazdığımız kodların (etiketlerin) ne anlama geldiğine kısaca bir değinelim.
[/FONT][FONT=&]HTML: Bu etiket diğer tüm etiketleri sarmalayan HTML diliyle kodlama yapılacağını belirten, sayfanın başında açılıp sonunda kapatılan bir etikettir.
[/FONT][FONT=&]HEAD: Hazırladığımız sayfa ile ilgili bilgiler ve tanımlamaların yer aldığı bloktur. Bu kısımdaki kodlar web sayfasında görüntülenmezler.
[/FONT][FONT=&]Yukarıdaki kodda head etiketinin içerisinde<title> etiketi kullanılmıştır. Title web sayfasının başlığı anlamına gelmektedir. Hazırladığınız sayfayı incelediğinizde web sayfanızın üst sekmesinde Hoşgeldiniz yazısını görebilirsiniz.
[/FONT][FONT=&]BODY: Bu etiket ziyaretçinin görebildiği, sayfanın tüm içeriğinin yer aldığı bölümdür. Kullanılacak etiketlerin bir çoğu body etiketinin içerisinde yer alır.
[/FONT][FONT=&]Yukarıdaki örnekte <p> etiketi bir paragraf oluşturmak için kullanılmıştır ve paragrafın içerisine HTML Öğreniyorum mesajı ziyaretçiye gösterilmiştir.
[/FONT][FONT=&][/FONT]*[FONT=&] Bundan sonraki dersimizde HTML ile Metin Biçimlendirme etiketlerine değineceğim.
İyi Forumlar..
Canberk.[/FONT]