42 
3853
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>
| Eğlence | İslam | Kadınca | Video | Resim galerisi | Windows | Donanım | Programlar | Güvenlik | Divx & Film | Webmaster | Müzik | Spor | English | Forum Oyunları |
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>
Şimdi de bu kodların ne anlama geldiğini inceleyelelim :
<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ındacı 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.
Şimdi bir deneme yapalım:
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.
Yazi Tipi, Rengi Ve Büyüklüğü İçin Ayarlamalar
<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.
renkler ve hexadecimal kodları
Şu Anda 1 kullanıcı konuyu okuyor. (0 Üye ve 1 Ziyaretçi)
Konu, Mesaj ve Dosya İzinleriniz
Alıntı
Haberi Paylaş