Selamun Aleyküm, bugün önceki 5 html dersinden neler öğrendik bu “html kodları” ile neler yapabiliriz bir bakalım. Html konularımı açmadan evvel bir web sitesi yapmak için gerekenleri anlatan konumuza buraya tıklayarak ulaşabilirsiniz.
Yayınladığım 5 html dersi ile basit yani güncelleme özelliği olmayan ve sade bir web sitesi yapabilecek kadar bilgiye ulaştığınızı düşünüyorum ve bugün bu bilgiler ile bir web sitesinin anasayfasını birlikte yapacağız.
<html>
<head>
<title>Html Dersleri 6</title>
</head>
<body bgcolor=”888888″><table width=”900″ height=”40″ bgcolor=”444444″ align=”center”>
<tr><td align=”center”>
<font color=”ffffff”>
Ana sayfa
</font>
</td><td align=”center”>
<font color=”ffffff”>
Hakkımızda
</font>
</td><td align=”center”>
<font color=”ffffff”>
Referanslarımız
</font>
</td><td align=”center”>
<font color=”ffffff”>
İletişim
</font>
</td><td align=”right”>
<input type=”text”> <input type=”submit” value=”Ara”>
</td></tr>
</table><table width=”900″ align=”center”>
<tr><td>
<img src=”resim.jpg” width=”900″ height=”300″>
</td></tr>
</table><table width=”900″ align=”center” bgcolor=”ffffff”>
<tr><td width=”640″ border=”0″>
<font color=”000000″ size=”4″>
<center>Yazı Başlığı</center>
</font>
<br>
<font color=”444444″ size=”2″>
<img src=”resim.jpg” width=”245″ align=”left”>
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik İçerik
</td><td width=”2″>
</td>
<td width=”1″ bgcolor=”999999″>
</td>
<td width=”2″>
</td><td width=”250″>
<font color=”000000″ size=”4″>
<center><b>Duyurular</b></center>
<hr>
</font>
<br>
<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.
<hr><b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.<hr>
<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.<hr>
<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.<hr>
<b>Duyuru Başlığı</b><br>
Duyuru hakkında içerik bilgisi. Duyuru hakkında içerik bilgisi.</td>
</tr>
</table><table width=”500″ height=”30″ align=”center”>
<tr><td align=”center”>
Örnek Şirket 2015 | Sitenin Tüm Hakları Saklıdır.
</td></tr>
</table></body>
</html>
Görüldüğü üzere sadece html kodları kullanarak bir html index yapımını gerçekleştirdik.
kodların browser de nasıl durduğunu görmek için tıklayınız
Bir önceki yazımız olan html dersleri 5 - facebook header yapımı başlıklı makalemizde facebook header, header kodları ve html dersleri hakkında bilgiler verilmektedir.
Merhabalar bu kodları nereye yazacağız ben not defğterine yazıp internet explorer ile açtım
Merhaba, http://www.esatalyamac.com.tr/html-kodlarini-calistirma/ buradaki konuda nasıl çalıştıracağınızı belirttim.
sublime text3 veya notepad++ önerebilirim
hakıındaya çıktınmı yeni sayfa açma girince bilgi yazacak bide iletişime tklanacak abi yardımcı olda yapalım
9. dersde hakkında olayını anlattık dersleri takip edersen 10. dersi de iletişim sayfası olarak vericem zaten.
içerik kısmını yazarken oluşturduğum tablonu dışına çıkıyor yazılar artı başlığımda ortalamama rağmen yazılar kaydığı için otomatik olarak kayıyor yardım.
tablonun boyutu ufak kaldıysa dışına çıkar tabloyu büyütün sorun çözülür.