Anasayfa / Bilgisayar Mühendisliği / HTML (Hyper Text Markup Language)-3

HTML (Hyper Text Markup Language)-3

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.

 <form>
 <input type="radio" name="Cinsiyet" value="Erkek"> Erkek
 <br>
 <input type="radio" name="Cinsiyet" value="Kadın"> Kadın
 </form>

Kullanıcının, sunulan seçenekler içinden istediği kadar seçmesini sağlamak için kontrol kutuları kullanmalısınız.

<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.

<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.

<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>
 <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.

<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..

Hakkında Ali Demirci

Ben Ali Demirci... 1991 Ankara doğumluyum. Ankara da yaşıyorum. Fırsat buldukça öğrendiklerimi burada paylaşıyorum. Java ile haşır neşirim. Android'den asla vazgeçemem. Öğrenmeye bayılırım. Yeni şeyler öğrendiğimde, geçmişteki projelerimde keşke böyle yapsaydım diye çok üzülmüşümdür. O yüzden öğrenmekten korkmayın. Takıldığınız yerleri mutlaka sorun. Biliyorsam yanıt veririm. Bilmiyorsam yol gösteririm. Teşekkürler :)

Kontrol Et

İşletim Sistemlerine Giriş

İşletim sistemleri, bilgisayar donanımları ve kullanıcılar arasında iletişim sağlamak amacıyla yazılmış olan programlardır. Bilgisayar Nedir? …

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir

This site uses Akismet to reduce spam. Learn how your comment data is processed.