html dersleri 5 – facebook header yapımı

Merhabalar, bu dersimizde önceki derslerde gördüğümüz html bilgilerimizden facebook giriş sayfasının header (üst) kısmını nasıl yapabileceğimizi göstereceğim. bu ders için extra bir kod kullanmadım bu derse kadar öğrendiğimiz kodlar ile neler yapılabileceğine bir örnek olacak bu çalışmamız.

[php]

<html>
<head>
<title>Html Dersleri 5</title>
</head>
<body>

<table align="center" width="100%" height="88" bgcolor="#3b5998">
<tr>

<td align="left">
<img src="logo.png">
</td>

<td align="right" width="160">
<p align="left">
<font color="#ffffff" size="2">
E-posta veya Telefon<br>
</font>
<input type="text"><br>
<font color="#9DACCB" size="1">
<input type="checkbox"> Oturumumu sürekli açık tut
</font>
</p>
</td>

<td align="right" width="160">
<p align="left">
<font color="#ffffff" size="2">
Şifre<br>
</font>
<input type="password"><br>
<font color="#9DACCB" size="1">
Şifreni mi unuttun?
</font>
</p>
</td>

<td align="right" width="100">
<p align="left">
<br>
<input type="submit" value="Giriş Yap">
</p>
</td>

</tr>
</table>

</body>
</html>

[/php]

Kodların Browserde Nasıl Görüntüğüne Bakmak İçin Tıklayın

takıldığınız yerleri yorum bölümünden sorabilirsiniz.

Bir önceki yazımız olan html dersleri 4 - menü yapımı başlıklı makalemizde html dersleri, html menü ve html menü kodları hakkında bilgiler verilmektedir.

6 comments

  1. meraba hocam ben 11.sınıf bilgisayar bölümündeyim web tasarım proje ödevimde web site sayfası tasarlamak ama benim pek bilgim yok ve proje teslim etmek zorundayım lütfen yardımcı olun kodları gerekleri acil yardimcı olursanız sevinirim dreamweaver programını kullanıyoruz okulda lütfen hocam gerçekten minnetter kalırım size

    1. bu şekilde herkese yapmaya kalkarsam sonu gelmez. sitedeki eğitim videolarına bakıp kendiniz yapabilirsiniz.

Leave a Reply

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