html logo

HTML5 ile Başvuru Sayfası Oluşturma

Merhaba arkadaşlar bu yazımızda bir başvuru formu sayfası oluşturacağız. Bu sayfamızda bir görsel alanı, isim alanları ve web sayfası, hobiler gibi alanlar olsun . Hadi başlayalım.Öncelikle en üste bir görsel atalım bunu <img> etiketi ile yapıyoruz. Eğer hangi etiket ne yapıyor bilmiyor iseniz önceki yazıma bakabilirsiniz. Görsel etiketimizin bir boyutu olsun diyoruz ve genişlik(width) değerine 110 yükseklik(height) değerine 150 veriyoruz.

Bu yazımızda çok az da css de göreceğiz. Daha sonraki bir yazımda css nedir? sorusuna cevap vereceğim.

Görsel etiketimizden sonra isim alanları ekleyeceğiz. Bir alan eklemek için <input> etiketini kullanıyoruz.

<div style=”text-align: center”>

burada div etiketi bir blok gibi düşünülebilir. Biz tüm eklediklerimizi bir blok içine aldık ve bunlar sayfanın ortasında kalsın diye stil verdik.

Hemen sayfamızın nasıl göründüğüne bakalım:

web biyografi görüntüsü

Bu sayfamızın en altına bir düz çizgi atalım ve altına bir link verelim.

Kodlarımızı ekledikten sonraki hali yukarıdaki gibidir. Burada bir şey dikkatinizi çekmiştir. Biz etiketleri iç içe kullanabiliyoruz. Paragraf etiketi içine link etiketine onun da içine yazının kalın görünmesi için <b> etiketi ekledim.

Hemen görünümünü ekliyorum:

web biyografi formu

Çok kaliteli bir örnek olmadı ama elimden geldiğince önceki yazımda açıkladığım etiketleri kullanmaya çalıştım. Bu formun en üst kısmına

eklerseniz başlık elementi de kullanmış olursunuz.

Umarım faydalı olmuştur. Bir sonraki yazımızda daha görsel yönü kuvvetli örnekler yaparız.

Bir cevap yazın