HTML Kodları ile Harikalar Yaratın

Konu: HTML Kodları ile Harikalar Yaratın Paz Mayıs 30, 2010 3:27 pm

erhaba şimdi sizlere elimden geldigince HTML ile ilgili bilgi vermeye calısacagım...

Html'nin en temel kodları şöyledir;

Kod:
<HTML>
<body>
..
..
</body>
<html>
Bir kodu actıktan sonra kapatmaya en son actiğimiz kou kapatmakla başlarız.Yani en önce actiğimiz enson kapatılır.

HTML kodlarda mutlaka hersayfa <HTML> ile baslayıp </HTML> ile bitmelidir.
__________
<body>....</body> "..." yazılı alanda sitemizde görünecek hertürlü görsel bilgi yer almaktadır.Örneğin bir yazı eklemek istiyorsak bu alana yazarız..
__________

Bu kodlar en temel kodlardı..

Kod:
<html>
<head><title>[Linkleri görebilmek için üye olun veya giriş yapın.]
<body bgcolor="#000000">
..
..
</body>
</html>
<head>..</head> arasına yazdıgım<title>...</title> sayfamızın üst kısmında yazacak yazıyı belirler.Ne yazarsanız o cıkar.
<body> de kullandıgım "bgcolor" özelliği ise sayfamızın arka plan rengini belirler.
Aynı sekilde <body background="c://img(resminizin adresi)"> kullanarak sayfanıza arka plan resmi ekleyebilirsiniz.
__________
<body>

<font size="14"face="comic sans ms"color="ccddff">...</font>

</body>

<font> bir cok alanda işimize yarar..

size=yazımızın büyüklüğü
face=yazı tipimiz
color=yazı rengimiz

Font uygulayacagımız yazıyı <font size=".."face=".."color=".."> .. </font> arasına yazarız..
__________
<table>..</table>

Düzgün bir site hazırlamak istiyorsak mutlaka tablolardan yararlanırız.Tablo işlemlerimizi bir arada tutar.Düzgün bir görüntü verir.

Table'yi yine herzaman oldugu gibi <body></body> içinde kullanıyoruz.

Table parametreleri;

border=taplomuzun çizgilerinin kalınlıgını ayarlar.
align=tablomuzu veya içindeki yazının konumunu belirler (sol orta sağ) gibi.
cellspacing=hücrelerin birbirine olan uzaklıgını ayarlar.
cellpadding=hücre içindeki yazının hacrenin kenarlara olan uzaklıgını ayarlar.
width=genişlik
height=yükseklik

<tr>=talomuzda her satır için bu kullanılır.
<td>=tablomuzda her stun için bu kullanılır.
<th>=tablomuzda baslıklar için kuıllanılır koyu yazar.

kısa bir örnek...

Kod:
<body>
<table border="1"align="center"cellspacing="10"cellpadding="15"width="500"height="300">
<th>Pazartesi</th>
<th>Salı</th>
<th>Çarsamba</th>
<tr>
<td>...</td>
<td>...</td>
</tr>
<tr>
<td>...</td>
<td>...</td>
</tr>
</table>

__________

Bu anlattıklarım sadece cok kucuk bır kısım.Ama yenı baslayanlar için yeterli.Site hazırlamada uzmanlasmak istiyorsanız Photoshop ,Fireworks yada benzer bir programda uzmanlasmanız sart.

Kodları elle yazıcaksanız "Alleycode" isimliprogramı öneririm.Burda anlattıklarımı o program üzerinde gerceklestirebilirsiniz.

Eger görsel program kullanıcaksanız "Dreamweawer" programını tavsiye ederim.Bu programla çizimler yapıyorsunuz kodları otomatikman cıkıyor.Haliyle daha pratik.Ama yeniyseniz elle yazmanızda fayda var bir süre.En azından temel karamları anlayana kadar..

__________

Umarım faydalı olurum sizlere.

Sıkılmadan okudugunuz için tesekkür ederim..
__________________

webmaster Mesaj Sayısı : 21 Kayıt tarihi : 02/06/10 Yaş : 33

qzl paylaşım rabbit