CSS ve HTML Dersleri | Dreamweaver Kurulumu | CSS Programlama Dersleri
Bu dersimizde form oluşturmaya başlayacağız ve 3. dersimizde devam edeceğiz. Programı açınca temel etiketler oluşuyor onları silmeden "Body" kısmının içine yazacağız kodlarımızı.
"<input type="text" size="26">" Etiketi ile bir yazı girişi yapabileceğimiz bir kutucuk oluşturacağız. Burada "size" ile yatay düzlemdeki boyutunu ayarlıyoruz.
"<select name="">" ile bir seçme düğmesi ekliyoruz ve ardından "<option> gmail.com</option>" etiketini ekliyoruz, birkaç tane ekleyince seçenek eklemiş oluyoruz. "<select name="">" etiketini kapatmak zorundayız.
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Dreamweaver Ders 2</title>
<style type="text/css">
</style>
</head>
<body>
<table border="0">
<tr>
<td height="35"> Adı Soyad</td>
<td><input type="text" size="26"></td>
</tr>
<tr height="35">
<td>Email</td>
<td><input type="text" size="10">@ <select name="">
<option> gmail.com</option>
<option>hotmail.com</option>
<option> yahoo.com</option>
<option> msn.com</option>
</select></td>
</tr>
</table>
</body>
</html>
Kodlardı tablonun içine yaptım çünkü düzenli olmasını istedim. Dreamweaver programını kullandığımız için "Ekle" kısmından otomatik tablo kodlarını kendi ayarlarımıza göre ekleyebiliriz.
Sonraki dersimizde "Radio Buton" eklemeyi öğreneceğiz.