SN? Web Tasarım
-------------------------
İçindekiler :
 
1  Dizayn için hazırlık
2  Teknik terimler
3  HTML'e giriş
4  İlk sayfamızı yapıyoruz
5  Yazılarımızı biçimlendiriyoruz
6  Resim ekliyoruz
7  Link veriyoruz
8  Sayfa kaynak kodunu görmek
9  Dosyaları Upload ediyoruz
10  HTML Reference Guide
   

 
 
» ana sayfa / bilgisayar ve internet / web tasarım

 

Söyle Web Tasarım Nasıl? Yapılır




yazıcıya uygun
arkadaşına gönder

Sayfa 6

RESİM EKLİYORUZ

 
 

Bu bölümümüzde sayfamızı görselleştireceğiz. Üç resimimizi eklediğimizde yandaki sayfayı elde edeceğiz. Hadi biran önce işe koyulalım.

 

1. İlk resimi ekliyoruz.
<html>
<head>
<title>12 Dev Adam!!!</title>
</head>
<body><body bgcolor="#FF0000"><p align="center"><font size="7"><b><font color="#FFFFFF">12 DEV ADAM'IN WEB SITESINE </font></b></font></p>
<p align="center"><font size="7" color="#FFFFFF"><b><font size="6">HOS GELDINIZ!!!</font></b></font><font size="6"><b>
</b></font></p>
<p align="center"><img src="dev1.gif" width="80" height="100"></p>
</body>
</html>

 

2. İkinci resimi ekliyoruz.
<html>
<head>
<title>12 Dev Adam!!!</title>
</head>
<body><body bgcolor="#FF0000"><p align="center"><font size="7"><b><font color="#FFFFFF">12 DEV ADAM'IN WEB SITESINE </font></b></font></p>
<p align="center"><font size="7" color="#FFFFFF"><b><font size="6">HOS GELDINIZ!!!</font></b></font><font size="6"><b>
</b></font></p>
<p align="center"><img src="dev1.gif" width="80" height="100"><img src="dev2.jpg" width="80" height="100"></p>
</body>
</html>

 

3. Üçüncü resimi ekliyoruz.
<html>
<head>
<title>12 Dev Adam!!!</title>
</head>
<body><body bgcolor="#FF0000"><p align="center"><font size="7"><b><font color="#FFFFFF">12 DEV ADAM'IN WEB SITESINE </font></b></font></p>
<p align="center"><font size="7" color="#FFFFFF"><b><font size="6">HOS GELDINIZ!!!</font></b></font><font size="6"><b>
</b></font></p>
<p align="center"><img src="dev1.gif" width="80" height="100"><img src="dev2.jpg" width="80" height="100"><img src="dev3.gif" width="80" height="100"></p>
</body>
</html>

ÇOK ÖNEMLİ NOT: Eğer sayfanızda resimlerinizi göremiyorsanız, resim dosyalarınızın ve html dosyalarının aynı klasör içinde olup olmadığına bakın.

Not: Bu sayfada kullandığım bütün html tag'lerinin açıklamalarını son sayfadaki HTML Kılavuzu'nda bulabilirsiniz.

devam»

 



SN?  |  SöyleNasıl? hakkında  |  bize yazın  |  önerileriniz  |  yardım site haritası
Copyright © 2000-2004. All rights reserved.