Html'e giris
Ilk önce web site tasarlamaniz için geren en temel html'dir.
Html bilmeden sayfa tasarlayabilirsiniz, ama tasarladiginiz sayfa mutlaka eksik yerler olur, altindan kalkamazsiniz. Onun için ilk önce html dilini ögrenmelisiniz, Html ögrendikten sonra dreamwaver, frontapage gibi editör kullanabilirsiniz.
Html'in temeli 25-30 koddan olusmakta, ilk olarak bunlari görecegiz.
Html kodlarini çalistirmak için ekstra hiç bir yazilima gerek yoktur.
Not defteri yeterlidir, html editörleri var fakat baslarda html'in mantigini kapmamiz için not defteri kullanacagiz.
Ilk önce sayfalarin uzantilarini kolayca degistirebilmemiz için dosyalarin yaninda uzantilarinida göstertmemiz lazim. Su yolu izleyin;
her hangi bi klasör açin, yukaridan araçlar sekmesine gelin. Sonra klasör seçeneklerini açin. Görünüm menüsüne gelin, 5. kutucugu deaktif edin.
Tamam diyerek oradan çikin.
Simdi not defterini açin.
Html kodlarimizi yazmaya baslayabiliriz.
Html kodlari <html> etiketi ile baslar, </html> etiketi ile biter.
<html>
<head>
<title>Sayfa Basligi</title>
</head>
<body>
Sayfa Içerigi
</body>
</html>
Temel html'in kod düzeni böyledir.
<html> ile baslar, <head></head> arasinda sayfanin öznitekikleri (baslik, dil) vb. belirtilir. <body></body> arasinda ise sayfanin ekranda görüntülenen seyleri (yazi, resim, video vb.) bulunur.
Bir örnek yapalim.
Asagidaki kodlari not defterine yapistirin.
Sonra dosya>farkli kaydet yapin.
Sayfanin ismi sayfaadi.html olsun.
Istediginiz sayfa adini koyabilirsiniz, sonunda .html uzantisi olacak.
Resim Eklemek
<img src="resim.jpg">
Bu sekildede resim ekleriz, src kismina resmin ismini ve uzantisini yaziyoruz.
Resim ile html dosyasinin ayni dizinde olmasina dikkat edin.
Simdilik bu kadar yeter,
yazilar devam edecektir.
<html>
<head>
<title>Html örnek 1</title>
</head>
<body>
Bu yaziyi body etiketinin arasina yazdik.
</body>
</html>
Sonra sayfanizi açin.
Bu en temel örnekti.
Simdi resim eklemeyi, kalin yazmayi, italik yazmayi, link vermeyi görecegiz.
Kalin Yazmak:
<b></b> etiketleri arasina yazdiginiz yazilar kalin yazilir.
Italik Yazmak
<i></i> etiketleri arasina yazdiginiz yazilar italik yazilir.
ALti Çizgili Yazmak
<u></u> etiketleri arasina yazdiginiz yazilar alti çizgili yazilir.
Örnek:
<html>
<head>
<title> Html örnek 2</title>
</head>
<body>
Burasi yaziyi body etiketinin arasina yazdik.
<b>Bu yaziyi body etiketinin arasina yazdik.<b>
<br>
<i>Bu yaziyi body etiketinin arasina yazdik.<i>
<br>
<u>Bu yaziyi body etiketinin arasina yazdik.<u>
</body>
</html>
Yine ayni sekilde not defterine yapistirin ve farkli kaydet yapin. Dosyanizin uzantisi .html olsun.
<b> arasina yazdiklarimizin kalin, <i> arasina yazdiklarimizin italik yazildigini göreceksiniz.
yazilari yazdiktan sonra <br> etiketini kullandik, bu etiket alt satira inmeyi saglar...
Link Vermek
<a href="Gidilecek Link">Ekranda gözükecek sekli</a>
En basit sekli budur, href kismina gidilecek linki veriyoruz.
örnek:
<html>
<head>
<title>Html örnek 3</title>
</head>
<body>
<a href="http://www.google.com">Google.com sitesine gitmek için tiklayin</a>
</body>
</html>
En Çok Okunanlar
En Çok Arananlar