HTML DERSLERi
Web sayfasında genel kod yapısı şu şekildedir:
<html>
<head>
<title>Burada Explorer başlığında görünecek yazı yer alır</title>
</head>
<body>
Sitenizde olması gereken herşey burada yeralır
</body>
</html>
<HTML> </HTML>
Web sayfasında kodlar <html> kodu ile başlar </html> kodu ile biter. Diğer tüm kodlar bu iki kod arasında yer alır.
<HEAD> </HEAD>
<head> kodu ile başlar, </head> kodu ile biter. Sitenin adının yer aldığı Title'lın, Meta Tag denilen arama motorlarında bulunmanızı kolaylaştıran yazıların yazıldığı yerdir.
<TITLE> </TITLE>
<title> kodu ile başlar, </title> kodu ile biter. Her sitenin bir adı olması gerekir. Örneğin;
<title> PcTeknikZone </title>
Bu isim insanların sitenizi bulmasında yardımcı olur. Çünkü sitenizi ararken ismiyle ararlar...
(Ayrıca şunu belirtmekte fayda görüyorum ki; title kodu içine yazdıklarınız web sayfası tarayıcınızın başlığı olarak gözükür. Örneğin internet explorer da en üstte başlık kısmında yer alan yazı yani "::PC TekniK ZonE Forum ::" gibi..
<BODY> </BODY>
<body> kodu ile başlar, </body> kodu ile biter. Burası web sayfanızda olmasını istediğiniz yazı ve resimlerin bulunduğu bölümdür.
Bu kodları deneyebileceğimiz en kolay yer NOT DEFTERİdir. Şimdi;
Programlar>Donatılar>Not defteri ni açın ve aşağıdaki örneği yazın.
<html>
<head>
<title> ilk sayfam </title>
</head>
<body> HTML kodlarını öğreniyorum. </body>
</html>
ipucu: bu kodlar arasında tek boşluktan fazlasını space yada enter tusları ile yapamazsınız. Bunun için kodlar kullanılır. Bu kodları şimdilik kafanızın karışmaması için kullanmayacağız.
Bu dökümanı; ulaşımda kolaylık sağlaması için, masaüstüne yeni bir klasör açarak index ismiyle kaydedin ve kapatın. Tekrar bu dökümanı açın. Hiçbir değişiklik olmadığını göreceksiniz. Çünkü henüz bu dökümanı htm ye çevirmedik. Bu işlemi gerçekleştirmek için Dosya menüsünden farklı kaydet seçeneğini tıklayın ve index.htm yada index.html ismiyle aynı klasöre kaydedin. Şimdi de yeni kaydettiğiniz sayfayı açarak gözlem yapın. Artık bir web sayfası görünümünde olduğunu fark edeceksiniz.
<FONT> </FONT>
Sayfada yazıların yazıldığı kodlar <font> kodu ile başlar, </font> kodu ile biter. Bu kodların içinde kullanılan komutlar şunlardır:
SIZE : Yazının büyüklük ayarlaması için kullanılan komuttur.
FACE : Yazı tipinin ayarlanması için kullanılan komuttur.
COLOR : Yazının renk ayarlaması için kullanılan komuttur.
Bir denem ile bunları kavrayalım:
<html>
<head>
<title> ilk sayfam </title>
</head>
<body>
<font size=”4” face=”verdana” color=”blue”> HTML kodlarını öğreniyorum. </font>
</body>
</html>
Görüldüğü gibi komutlar; “<font “ dan hemen sonra, yani “<font” kodunu “ >” ile tamamlamadan önce yazılıyor. Yapmak istediğimiz ayarlar çift tırnak yani “ “ arasında yazılıyor ve komuta = işareti ile atanıyor. Ayarlamalar bittikten sonra > işaretimizi yazabiliriz. Bu işlemden sonra yazmak istediğimiz yazıyı yazıp, </font> komutu ile kapatmalıyız. Renk ayarlarında rengin ismini yazabileceğiniz gibi hexadecimal kodunu yazarak ta daha ince ayarlamaları yapabilirsiniz.
__________________
Üyeye Bela gelmez Admin Kızmadıkça,Admin Sinirlenmez Üye Azmadıkça
Ne kadar kibirli dursa da
Bardağın önünde eğilir çaydanlık
Öyleyse bu büyüklenme niye?
Bu kibir bu gurur niçin?
Mütevazi ol, hatta bir adım bile geçme gurur kapısından;
Bardağı insan bunun için öper daima alnından…
Bir mum diğer bir mumu tutuşturmakla, ışığından bir şey kaybetmez... 
|