<![CDATA[İzmox - Bilgi Paylaştıkça Güzel - HTML]]> https://izmox.com/ Thu, 07 May 2026 18:35:10 +0000 MyBB <![CDATA[HTML: Metin Düzenleme Etiketleri]]> https://izmox.com/konu-html-metin-duzenleme-etiketleri.html Sat, 18 Sep 2021 09:10:09 +0000 strake]]> https://izmox.com/konu-html-metin-duzenleme-etiketleri.html Bu yazımda Html ile metin düzenleme ve biçimlendirme işlemlerinin nasıl yapılacağı anlatacağım. Eğer html, body, head gibi etiketlerin ne anlama geldiğini bilmiyorsanız, ders 1’i inceleyebilirsiniz.

Peki metnin biçimlendirilmesi ne demek? Biçimlendirme yazdığımız yazıların boyutu, şekli, rengi, yazı tipi, kalınlığı gibi özelliklerin değiştirilmesi anlamına gelir.

Not: Tüm metin biçimlendirme etiketleri <body> tagının içerisine yazılır. Şimdi maddeler halinde bu etiketleri (tag) açıklayalım.

Metin Biçimlendirme Etiketleri
[b]1)<h> Başlık Etiketi: Bu etiket yazılara başlık eklemek için kullanılır. Zaten etiketin ismi ingilizce heading yani başlık kelimesinin baş harfinden alınmıştır. Farklı büyüklükte başlıklar kullanılabileceği için h1, h2, h3, h4, h5, h6 olmak üzere 6 farklı başlık büyüklüğü mevcuttur. Burada en büyük başlık <h1> en küçük ise <h6> dır.[/b]


Kod:
<html>
<head>
<title>Html ile Metin Biçimlendirme</title>
<head>
<body>
     <h1>Kodlama Merkezi</h1>
     <h2>Kodlama Merkezi</h3>
     <h6>Kodlama Merkezi</h6>
<body>
</html> 

2) <b> Kalınlık Etiketi: Bu etiket yazıları kalın yapmak için kullanılır. İngilizce bold (kalın) kelimesinden gelmektedir. Web sayfalarında ziyaretçilerin dikkatini çekmek için kullanılır.

Kullanımı aşağıdaki gibidir.



Kod:
<b>Bu metin kalın olarak yazıldı.</b>
Sadece bu kısım <b>kalın</b> yazıldı. 

3) <i> İtalik (eğik yazı) Etiketi: Bu etiket metni eğik yazmak için kullanılır. Italic kelimesinden gelmektedir. Bu etikette ziyaretçinin dikkatinin çekilmesi istenen yerlerde kullanılır.

Kullanımı aşağıdaki gibidir.



Kod:
<i> Bu metin eğik yazıldı.</i> 


4) <u> Altını Çiz etiketi: Bu etiket metnin istenen kısımlarının altını çizmek için kullanılır. İngilizce underline (altı çizili) kelimesinin baş harfinden gelmektedir.

Kullanımı aşağıdaki gibidir.



Kod:
<u> Bu yazının altı çizilidir.</u> 

5) <br> Alt Satıra Geç Etiketi: Html dili ile web sitesi oluştururken bir alt satıra geçmek için Enter tuşunun işe yaramadığını görürsünüz. Html’de alt satıra geçmek için <br> etiketi kullanılır.



Kod:
Burası 1.satır <br>
Burası 2.satır 

Yukarıdaki yazım yerine aşağıdaki gibi yazılsa da sonuç değişmeyecektir.


Kod:
Burası 1.satır <br> Burası 2.satır 

6) <p> Paragraf Etiketi: Yazdığımız metini paragraflara bölmek için kullanılır. Uzun yazılarda okunabilirliği arttırır.


Kod:
<p> 1. paragraf:Html, web sayfalarının hazırlanmasında kullanılan bir işaretleme dilidir.</p>
 
<p>2.paragraf: Web tarayıcıları bu kodları anlayarak görsel web sayfalarına dönüştürür.</p> 

7) <font> Etiketi: Font etiketi metin rengini ayarlama, yazı tipini değiştirme ve boyutunu ayarlamak için kullanılır. Tek bir etiketin bu 3 özelliği değiştirebilmesi aldığı parametreler sayesinde olmaktadır.
  • Size parametresi: Metnin boyutunu ayarlamak için kullanılır. Yazının büyüklüğü 1 ile 7 arasında değer alır.
Kod:
<font size="4">Metnin boyutunu değiştiriyorum.</font> 
  • Face parametresi: Yazı tipini değiştirmek için kullanılır. Bilgisayarda kullandığımız birçok yazı tipi geçerli olarak kullanılabilir. Fakat okunabilirlik ve tarayıcı desteği açısından Arial, Times New Roman gibi yazı tipleri tercih edilmelidir.
Kod:
<font face="Arial"> Bu metin Arial fontuyla yazıldı.</font> 
  • Color parametresi: Yazı rengini değiştirmek için kullanılır. Red, blue, yellow gibi renklerin ingilizcesi kullanılabileceği gibi #3b457c gibi renk kodlarıda kullanılabilir.
Kod:
<font color="red"> Bu metin kırmızı renklidir.</font>
 
<font color="#4bb3a2">Bu metin renklendirilmiştir.</font> 

Not: Font etiketinin aldığı parametrelerin hepsi tek bir <font> etiketi içerisinde kullanılabilir.



Kod:
<font face="Times New Roman" color="blue" size="5"> Font etiketiyle yazı biçimlendirildi.</font> 


Bu derimizde burada sona erdi bir sonraki derste Html ile Listeleme Etiketleri konusuna değineceğim.

İyi forumlar.]]> Bu yazımda Html ile metin düzenleme ve biçimlendirme işlemlerinin nasıl yapılacağı anlatacağım. Eğer html, body, head gibi etiketlerin ne anlama geldiğini bilmiyorsanız, ders 1’i inceleyebilirsiniz.

Peki metnin biçimlendirilmesi ne demek? Biçimlendirme yazdığımız yazıların boyutu, şekli, rengi, yazı tipi, kalınlığı gibi özelliklerin değiştirilmesi anlamına gelir.

Not: Tüm metin biçimlendirme etiketleri <body> tagının içerisine yazılır. Şimdi maddeler halinde bu etiketleri (tag) açıklayalım.

Metin Biçimlendirme Etiketleri
[b]1)<h> Başlık Etiketi: Bu etiket yazılara başlık eklemek için kullanılır. Zaten etiketin ismi ingilizce heading yani başlık kelimesinin baş harfinden alınmıştır. Farklı büyüklükte başlıklar kullanılabileceği için h1, h2, h3, h4, h5, h6 olmak üzere 6 farklı başlık büyüklüğü mevcuttur. Burada en büyük başlık <h1> en küçük ise <h6> dır.[/b]


Kod:
<html>
<head>
<title>Html ile Metin Biçimlendirme</title>
<head>
<body>
     <h1>Kodlama Merkezi</h1>
     <h2>Kodlama Merkezi</h3>
     <h6>Kodlama Merkezi</h6>
<body>
</html> 

2) <b> Kalınlık Etiketi: Bu etiket yazıları kalın yapmak için kullanılır. İngilizce bold (kalın) kelimesinden gelmektedir. Web sayfalarında ziyaretçilerin dikkatini çekmek için kullanılır.

Kullanımı aşağıdaki gibidir.



Kod:
<b>Bu metin kalın olarak yazıldı.</b>
Sadece bu kısım <b>kalın</b> yazıldı. 

3) <i> İtalik (eğik yazı) Etiketi: Bu etiket metni eğik yazmak için kullanılır. Italic kelimesinden gelmektedir. Bu etikette ziyaretçinin dikkatinin çekilmesi istenen yerlerde kullanılır.

Kullanımı aşağıdaki gibidir.



Kod:
<i> Bu metin eğik yazıldı.</i> 


4) <u> Altını Çiz etiketi: Bu etiket metnin istenen kısımlarının altını çizmek için kullanılır. İngilizce underline (altı çizili) kelimesinin baş harfinden gelmektedir.

Kullanımı aşağıdaki gibidir.



Kod:
<u> Bu yazının altı çizilidir.</u> 

5) <br> Alt Satıra Geç Etiketi: Html dili ile web sitesi oluştururken bir alt satıra geçmek için Enter tuşunun işe yaramadığını görürsünüz. Html’de alt satıra geçmek için <br> etiketi kullanılır.



Kod:
Burası 1.satır <br>
Burası 2.satır 

Yukarıdaki yazım yerine aşağıdaki gibi yazılsa da sonuç değişmeyecektir.


Kod:
Burası 1.satır <br> Burası 2.satır 

6) <p> Paragraf Etiketi: Yazdığımız metini paragraflara bölmek için kullanılır. Uzun yazılarda okunabilirliği arttırır.


Kod:
<p> 1. paragraf:Html, web sayfalarının hazırlanmasında kullanılan bir işaretleme dilidir.</p>
 
<p>2.paragraf: Web tarayıcıları bu kodları anlayarak görsel web sayfalarına dönüştürür.</p> 

7) <font> Etiketi: Font etiketi metin rengini ayarlama, yazı tipini değiştirme ve boyutunu ayarlamak için kullanılır. Tek bir etiketin bu 3 özelliği değiştirebilmesi aldığı parametreler sayesinde olmaktadır.
  • Size parametresi: Metnin boyutunu ayarlamak için kullanılır. Yazının büyüklüğü 1 ile 7 arasında değer alır.
Kod:
<font size="4">Metnin boyutunu değiştiriyorum.</font> 
  • Face parametresi: Yazı tipini değiştirmek için kullanılır. Bilgisayarda kullandığımız birçok yazı tipi geçerli olarak kullanılabilir. Fakat okunabilirlik ve tarayıcı desteği açısından Arial, Times New Roman gibi yazı tipleri tercih edilmelidir.
Kod:
<font face="Arial"> Bu metin Arial fontuyla yazıldı.</font> 
  • Color parametresi: Yazı rengini değiştirmek için kullanılır. Red, blue, yellow gibi renklerin ingilizcesi kullanılabileceği gibi #3b457c gibi renk kodlarıda kullanılabilir.
Kod:
<font color="red"> Bu metin kırmızı renklidir.</font>
 
<font color="#4bb3a2">Bu metin renklendirilmiştir.</font> 

Not: Font etiketinin aldığı parametrelerin hepsi tek bir <font> etiketi içerisinde kullanılabilir.



Kod:
<font face="Times New Roman" color="blue" size="5"> Font etiketiyle yazı biçimlendirildi.</font> 


Bu derimizde burada sona erdi bir sonraki derste Html ile Listeleme Etiketleri konusuna değineceğim.

İyi forumlar.]]> <![CDATA[HTML Placeholder Kullanımı]]> https://izmox.com/konu-html-placeholder-kullanimi.html Sat, 18 Sep 2021 09:09:10 +0000 strake]]> https://izmox.com/konu-html-placeholder-kullanimi.html Merhabalar,
HTML de placeholder text kutusunda düzenlenemeyen yazı yani text kutusunun arka planında bulunan yazıdır.
Çoğunlukla kullanım alanı: Buraya Kullanıcı Adı Giriniz gibi

Kod
Kod:
<input type="text" name="username" required="required" placeholder="Buraya Kullanıcı Adınızı Girin"> 
]]> Merhabalar,
HTML de placeholder text kutusunda düzenlenemeyen yazı yani text kutusunun arka planında bulunan yazıdır.
Çoğunlukla kullanım alanı: Buraya Kullanıcı Adı Giriniz gibi

Kod
Kod:
<input type="text" name="username" required="required" placeholder="Buraya Kullanıcı Adınızı Girin"> 
]]> <![CDATA[Html Nedir ? Ne Özellikleri Vardır]]> https://izmox.com/konu-html-nedir-ne-ozellikleri-vardir.html Wed, 15 Sep 2021 04:11:28 +0000 strake]]> https://izmox.com/konu-html-nedir-ne-ozellikleri-vardir.html HTML Nedir?
İşaretleme dili olan Html, web sayfalarının hazırlanmasında kullanılan sistemdir. Bir programlama dili olmayan Html bilgisayarlarımızda kullandığımız web sitelerinin oluşturulmasında kullanılır. Chrome, Fİrefox ve İnternet Explorer gibi tarayıcılar html kodlarını işleyerek bu kodları web sayfasına dönüştürür.

HTML'in Ne Özellikleri Vardır?
- Görsel, yazı ve video gibi içeriklerin web sayfasına konumlandırılmasını sağlamaktadır.
- Oluşturulan bu içeriklerin doğru şekilde internet sitelerinde görüntülenmesini sağlar.
- Arama motorlarına web siteleri hakkında bilgi verir.
Html kodu yazmak için bilgisayarlara bir program yüklemek gerekmez. Wordpad, not defteri ya da word gibi ortalarda bir metin editörü html sayfaları oluşturabilir. Kod yazmayı daha kolay hale getirmek için dreamwear, sublime Text ve notepad++ gibi araçlar kullanılabilir. Yazılan html kodları kaydedilirken htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir.

HTML Yazarken Dikkat Edilmesi Gerekenler
A- ,, şeklinde () büyüktür ifadesi ile yazılan birime tag denir.
B- Açılan etiketler kapatılmalıdır. Etiketler / işareti ile kapatılır.
C- Html kodları yazılırken Türkçe karakter yer almaz.
D- Bu etiketler yazılırken küçük ya da büyük harf tercih edilebilir. Ancak genellikle küçük harfler tercih edilir.

HTML Etiketleri ve HTML Etiketlerinin Anlamları
- Html: Tüm etiketleri saran, html kodu ile kodlama işleme yapılması gerektiğini belirten sayfanın başında açılarak sayfanın sonunda da kapatılan etiketin adıdır.
- Head: Hazırlanan site ile alakalı içerik ve tanımların yer aldığı bölümdür. Bu alanda yer alan kodlar sitede görünmez.
- Body: Bu alan tüm sitenin görüntülendiği ve siteye giren herkesin görebildiği alandır. Kullanılan etiketlerin büyük kısmı body alanı üzerinde yer bulunur.

Metin Düzenleme Etiketleri
tagının içine yazılan metin düzenleme etiketleri tek tek incelendiğinde şu detaylar öne çıkıyor.
1) Başlık Etiketi: Başlık eklemek için bu başlık kullanılır.
Başlıktaki h, İngilizce heading yani başlık demektir. h1, h2, h3, h4, h5, h6 olarak 6 değişik şekilde başlık boyutu vardır. EN büyük başlık için h1 tercihi kullanılır.
2) Kalınlık Etiketi: Yazıları kalın yapmak için etiketi tercih edilir. İngilizce bol kelimesi kalın demektir. Bu kelimenin baş harfi kullanılarak simgesi oluşturulmuştur.
3) İtalik (eğik yazı) Etiketi: Eğik yazım için bu etiket tercih edilir. İngilizce ıtalic kelimesinin baş harfi kullanılarak simgesi oluşturulmuştur. Vurgu yapılması gereken yerde bu etiket kullanılır.
4) Altını Çiz etiketi: İstenen yerlerin altını çizmekte kullanılan bu etiket İngilizce underline kelimesinin baş harfi ile oluşturulmuştur.
5) Alt Satıra Geç Etiketi: Alt satıra geçmek için html kodu yazarken enter tuşu işe yaramaz. Bu işlem için etiketi ile html de alt satıra geçilir.
6) Paragraf Etiketi: Uzun yazılarda okunurluğu arttırmak için metni paragrafla bölmek için etiketi kullanılır.
7) Etiketi: Bu etiket yazının renk ayarla işlemi, yazı boyutu değiştirme işlemi ve yazı tipini değiştirme işlemini yapmak için bu etiket kullanılır. Bu üç işlemi aynı etiket ile yapmak için 1 ve 7 arasındaki parametreler etiket içinde kullanılır.

HTML'de Bağlantı Oluşturma
Html'de bağlantı oluşturma aslında gezinti işlemlerinin temelini oluşturur. Web sayfası birçok alt başlık menüden meydana gelir bunun için html kodları bu alanlar arası bağlantı oluşturarak bağlantı ağı oluşturulur.
- Site İçi Bağlantı Oluşturma: etiketi ile web sayfası içinde bağlantı ağı oluşturulabilir.
- Site Dışı Bağlantı oluşturma: Site dışı bağlantı dendiğinde siteniz ile Facebook ile bağlantı kurulabilir. Site dışı bağlantı yapılırken site adının baş kısmına https:// ya da http:// ön eki eklenmesi gerekir. ]]> HTML Nedir?
İşaretleme dili olan Html, web sayfalarının hazırlanmasında kullanılan sistemdir. Bir programlama dili olmayan Html bilgisayarlarımızda kullandığımız web sitelerinin oluşturulmasında kullanılır. Chrome, Fİrefox ve İnternet Explorer gibi tarayıcılar html kodlarını işleyerek bu kodları web sayfasına dönüştürür.

HTML'in Ne Özellikleri Vardır?
- Görsel, yazı ve video gibi içeriklerin web sayfasına konumlandırılmasını sağlamaktadır.
- Oluşturulan bu içeriklerin doğru şekilde internet sitelerinde görüntülenmesini sağlar.
- Arama motorlarına web siteleri hakkında bilgi verir.
Html kodu yazmak için bilgisayarlara bir program yüklemek gerekmez. Wordpad, not defteri ya da word gibi ortalarda bir metin editörü html sayfaları oluşturabilir. Kod yazmayı daha kolay hale getirmek için dreamwear, sublime Text ve notepad++ gibi araçlar kullanılabilir. Yazılan html kodları kaydedilirken htm, xhtml ve html gibi tarayıcıların anlayacağı şekilde kaydedilmesi gerekir.

HTML Yazarken Dikkat Edilmesi Gerekenler
A- ,, şeklinde () büyüktür ifadesi ile yazılan birime tag denir.
B- Açılan etiketler kapatılmalıdır. Etiketler / işareti ile kapatılır.
C- Html kodları yazılırken Türkçe karakter yer almaz.
D- Bu etiketler yazılırken küçük ya da büyük harf tercih edilebilir. Ancak genellikle küçük harfler tercih edilir.

HTML Etiketleri ve HTML Etiketlerinin Anlamları
- Html: Tüm etiketleri saran, html kodu ile kodlama işleme yapılması gerektiğini belirten sayfanın başında açılarak sayfanın sonunda da kapatılan etiketin adıdır.
- Head: Hazırlanan site ile alakalı içerik ve tanımların yer aldığı bölümdür. Bu alanda yer alan kodlar sitede görünmez.
- Body: Bu alan tüm sitenin görüntülendiği ve siteye giren herkesin görebildiği alandır. Kullanılan etiketlerin büyük kısmı body alanı üzerinde yer bulunur.

Metin Düzenleme Etiketleri
tagının içine yazılan metin düzenleme etiketleri tek tek incelendiğinde şu detaylar öne çıkıyor.
1) Başlık Etiketi: Başlık eklemek için bu başlık kullanılır.
Başlıktaki h, İngilizce heading yani başlık demektir. h1, h2, h3, h4, h5, h6 olarak 6 değişik şekilde başlık boyutu vardır. EN büyük başlık için h1 tercihi kullanılır.
2) Kalınlık Etiketi: Yazıları kalın yapmak için etiketi tercih edilir. İngilizce bol kelimesi kalın demektir. Bu kelimenin baş harfi kullanılarak simgesi oluşturulmuştur.
3) İtalik (eğik yazı) Etiketi: Eğik yazım için bu etiket tercih edilir. İngilizce ıtalic kelimesinin baş harfi kullanılarak simgesi oluşturulmuştur. Vurgu yapılması gereken yerde bu etiket kullanılır.
4) Altını Çiz etiketi: İstenen yerlerin altını çizmekte kullanılan bu etiket İngilizce underline kelimesinin baş harfi ile oluşturulmuştur.
5) Alt Satıra Geç Etiketi: Alt satıra geçmek için html kodu yazarken enter tuşu işe yaramaz. Bu işlem için etiketi ile html de alt satıra geçilir.
6) Paragraf Etiketi: Uzun yazılarda okunurluğu arttırmak için metni paragrafla bölmek için etiketi kullanılır.
7) Etiketi: Bu etiket yazının renk ayarla işlemi, yazı boyutu değiştirme işlemi ve yazı tipini değiştirme işlemini yapmak için bu etiket kullanılır. Bu üç işlemi aynı etiket ile yapmak için 1 ve 7 arasındaki parametreler etiket içinde kullanılır.

HTML'de Bağlantı Oluşturma
Html'de bağlantı oluşturma aslında gezinti işlemlerinin temelini oluşturur. Web sayfası birçok alt başlık menüden meydana gelir bunun için html kodları bu alanlar arası bağlantı oluşturarak bağlantı ağı oluşturulur.
- Site İçi Bağlantı Oluşturma: etiketi ile web sayfası içinde bağlantı ağı oluşturulabilir.
- Site Dışı Bağlantı oluşturma: Site dışı bağlantı dendiğinde siteniz ile Facebook ile bağlantı kurulabilir. Site dışı bağlantı yapılırken site adının baş kısmına https:// ya da http:// ön eki eklenmesi gerekir. ]]> <![CDATA[HTML Marquee Etiketi Nedir? Kayan Yazı Nasıl Yapılır]]> https://izmox.com/konu-html-marquee-etiketi-nedir-kayan-yazi-nasil-yapilir.html Wed, 15 Sep 2021 04:07:49 +0000 strake]]> https://izmox.com/konu-html-marquee-etiketi-nedir-kayan-yazi-nasil-yapilir.html bu derste kayan yazı yapacağız.Yani nasıl derseniz sağdan yazı girip sola gidecek çıkacak ve tekrar gelecek gibi.

Tagımız marquee.Bunun 3 parametresi var.Parametrelerden başlayalım ve sonunda örnek yapalım.

1-Behavior
Behavior kayma stili oluyo.3 tane stil i var.
1-slide =Varacağı yere gidince durur.
2-scroll=Sayfadan çıktığında başa döner tekrar kayar.
3-alternate=Varacağı yere gider ve geri döner.

Örnek :
Kod:
<marquee behavior="alternate">STRAKE</marquee>

2-Direction
Direction yönü oluyo.up-down-left-right olmak üzere 4 yönü var.
up=aşağıdan yukarı
down=yukardan aşağı
left=sağdan sola
right=sağdan sola kayan yazı için.


Örnek :
Kod:
<marquee direction="up">STRAKE</marquee>

3-Scrollamount
Scrollamount kayma hızı oluyo.10 ideal.Ama siz kendinize göre şekillendirebilirsiniz.

Örnek :
Kod:
<marquee scrollamount="10">STRAKE</marquee>
]]> bu derste kayan yazı yapacağız.Yani nasıl derseniz sağdan yazı girip sola gidecek çıkacak ve tekrar gelecek gibi.

Tagımız marquee.Bunun 3 parametresi var.Parametrelerden başlayalım ve sonunda örnek yapalım.

1-Behavior
Behavior kayma stili oluyo.3 tane stil i var.
1-slide =Varacağı yere gidince durur.
2-scroll=Sayfadan çıktığında başa döner tekrar kayar.
3-alternate=Varacağı yere gider ve geri döner.

Örnek :
Kod:
<marquee behavior="alternate">STRAKE</marquee>

2-Direction
Direction yönü oluyo.up-down-left-right olmak üzere 4 yönü var.
up=aşağıdan yukarı
down=yukardan aşağı
left=sağdan sola
right=sağdan sola kayan yazı için.


Örnek :
Kod:
<marquee direction="up">STRAKE</marquee>

3-Scrollamount
Scrollamount kayma hızı oluyo.10 ideal.Ama siz kendinize göre şekillendirebilirsiniz.

Örnek :
Kod:
<marquee scrollamount="10">STRAKE</marquee>
]]> <![CDATA[HTML Form Örneği]]> https://izmox.com/konu-html-form-ornegi.html Wed, 15 Sep 2021 04:03:41 +0000 strake]]> https://izmox.com/konu-html-form-ornegi.html
Kod:
<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>HTML Form Örneği</title>
</head>

<body>

<table border="0" align="center">
  <tr>
    <td width="100" height="30">Ad Soyad</td>
    <td width="300"><input type="text"></td>
  </tr>
  <tr>
    <td height="26">E-Mail</td>
    <td><input type="text" size="20">@<select>
      <option>gmail.com</option>
      <option>hotmail.com</option>
      <option>msn.com</option>
    </select></td>
  </tr>
    <tr>
    <td height="30">Cinsiyet</td>
    <td><input name="cinsiyet" type="radio" value="Erkek">Erkek
     <input name="cinsiyet" type="radio" value="Kadın">Kadın
     <input name="cinsiyet" type="radio" value="Diğer">Diğer</td>
  </tr>
    <tr>
  <td height="30">D.Yeri</td>
  <td><select>
    <option>Bir Şehir Seçiniz</option>
    <option>Kayseri</option>
    <option>Adana</option>
    <option>Bursa</option>
    <option>İstanbul</option>
    <option>Ankara</option>
    <option>Van</option>
  </select></td>
  </tr>
  <tr>
  <td height="30">Hobiler</td>
  <td><input type="checkbox" value="Yazılım">Yazılım<input type="checkbox" value="Gamer">Gamer<input type="checkbox" value="Stream">Stream</td>
  </tr>
  <tr>
    <td height="30"></td>
    <td><input type="button" value="Gönder"></td>
  </tr>
</table>

</body>

</html>
]]>
Kod:
<!doctype html>
<html>

<head>
<meta charset="utf-8">
<title>HTML Form Örneği</title>
</head>

<body>

<table border="0" align="center">
  <tr>
    <td width="100" height="30">Ad Soyad</td>
    <td width="300"><input type="text"></td>
  </tr>
  <tr>
    <td height="26">E-Mail</td>
    <td><input type="text" size="20">@<select>
      <option>gmail.com</option>
      <option>hotmail.com</option>
      <option>msn.com</option>
    </select></td>
  </tr>
    <tr>
    <td height="30">Cinsiyet</td>
    <td><input name="cinsiyet" type="radio" value="Erkek">Erkek
     <input name="cinsiyet" type="radio" value="Kadın">Kadın
     <input name="cinsiyet" type="radio" value="Diğer">Diğer</td>
  </tr>
    <tr>
  <td height="30">D.Yeri</td>
  <td><select>
    <option>Bir Şehir Seçiniz</option>
    <option>Kayseri</option>
    <option>Adana</option>
    <option>Bursa</option>
    <option>İstanbul</option>
    <option>Ankara</option>
    <option>Van</option>
  </select></td>
  </tr>
  <tr>
  <td height="30">Hobiler</td>
  <td><input type="checkbox" value="Yazılım">Yazılım<input type="checkbox" value="Gamer">Gamer<input type="checkbox" value="Stream">Stream</td>
  </tr>
  <tr>
    <td height="30"></td>
    <td><input type="button" value="Gönder"></td>
  </tr>
</table>

</body>

</html>
]]>