Her Tür Bilginin Adresi Her Tür Bilginin Adresi
HTML de Form Oluşturma
HTML Formları kullanıcının klavye ile girdiği bilgileri işlemek için kullanılır.Bir form, form elemanlarını içinde bulunduran alandır.
Form elemanları kullanıcıların bilgi girmesini sağlayan elemanlardır.
<form>
Adınız:
<input type="text" name="isim">
<br>
Soyadınız:
<input type="text" name="soyad">
</form>
En çok kullanılan form etiketi <input> etiketidir.
Kullanıcının bir çok seçenek içinden sadece bir tanesini seçebilmesini istediğiniz zaman seçenek butonlarını kullanmalısınız.
<input type="radio" name="Cinsiyet" value="Erkek"> Erkek
<br>
<input type="radio" name="Cinsiyet" value="Kadın"> Kadın
</form> [/html]
Kullanıcının, sunulan seçenekler içinden istediği kadar seçmesini sağlamak için kontrol kutuları kullanmalısınız.
[html]<form>
Bir bisikletim var:
<input type="checkbox" name="Tasit" value="Bisiklet">
<br>
Bir arabam var:
<input type="checkbox" name="Tasit" value="Araba">
<br>
Bir uçağım var:
<input type="checkbox" name="Tasit" value="Uçak">
</form>
Kullanıcı submit (gönder) butonuna tıkladığında girilen bilgiler başka bir sayfaya gönderilir. Action parametresinde ise bilgilerin hangi dosyaya gönderileceği belirtilir. Bilgilerin gönderildiği dosya, genellikle gelen bilgilerle ilgili ne tür işlem yapılacağı hakkında bilgiler içerir.
[html]<form name="input" action="ornekler/html_form_action.php"
method="get" target="_blank">
Kullanıcı Adı:
<input type="text" name="kullanici">
<input type="submit" value="Gönder">
</form>
HTML Fontlar
<font> artık önemsiz bir etiket olmuştur. Gelecek nesil HTML dillerinde bunun kullanılması söz konusu olmayacaktır.Bunun yerine stillerin kullanılması tercih edilir.
[html]<p>
<font size="2" face="Verdana">
Bu bir paragraf.
</font>
</p>
<p>
<font size="3" face="Times">
Bu da başka bir paragraf
</font>
</p>
HTML Scriptler
HTML sayfalarına scriptler eklemek sayfayı daha dinamik ve interaktif yapar.Scriptler HTML içerisinde <script> etiketi ile belirtilir. “type” parametresini kullanmak zorundayız.
[html]<html>
<head>
</head>
<body>
<script type="text/javascript">
document.write("Merhaba Dünya!")
</script>
</body>
</html>
HTML de Stiller
Bu konuya CSS anlatırken daha ayrıntılı yer vereceğim.HTML 4.0 ile birlikte tüm biçimlendirme öğeleri ayrı bir dosya içerisine taşınmıştır.Bir tarayıcı bir stil dosyasını okumaya başladığı zaman HTML dökümanını ona göre biçimlendirir. Stil dosyalarını eklemenin üç yolu vardır.
Harici,Dahili ve Satıriçi Stillerdir.
Harici Stil Dosyası
Harici bir stil dosyası her zaman daha iyidir. Çünkü sadece .css dosyasının içerisinde değişiklik yaparak tüm sitenin görünümünü değiştirebilirsiniz. Her sayfa stil dosyasına <link> etiketi ile bağlanmalıdır. <link> etiketi <head>..</head> içerisinde tanımlanmalıdır.
[html]<head>
<link rel="stylesheet" type="text/css"
href="mystyle.css">
</head>
Dahili Stil Dosyası
Eğer sadece bir HTML dökümanı içerisinde stil uygulanacaksa bu yöntem kullanılabilir.
<head>
<style type="text/css">
body {background-color: red}
p {margin-left: 20px}
</style>
</head>
Satır İçi Stiller
Tek bir öğeye uygulanacağı zaman kullanılır.
<p style="color: red; margin-left: 20px">
Bu bir paragraf.
</p>
İyi Çalışmalar..
