Embedded Files
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.
KODLAR
KODLAR
<!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.
Page updated
Google Sites
Report abuse