Html kodların gelişmiş not defterleri ile yazabiliriz.
Web Editörleri;
- Adobe DreamWeaver
- Notepad++ (Genellikle bunu kullanıyorum.)
- EditPlus
- Xara Web Designer
- Microsoft WebMatrix
<html>
Html Kodları bu taglar arasına yazılır.
</html>
html tagı içerisinde 2 ZORUNLU tag vardır
<html>
<head>
</head>
<body>
</body>
</html>
Head tagı kısmında meta adı altındaki birçok özellik ve title eklenir.
<html>
<head>
<meta charset="utf-8"> <!-- Açıklama Satırı -->
<title>Blog Dersleri</title> <!-- title komutu Sayfa Başlığını belirler -->
</head>
</html>
Body tagı Kısmında sayfada görülecek her şeyi yerleştiririz...
<html>
<head>
<meta charset="utf-8">
<title>Blog Dersleri</title>
</head>
<body>
Sayfada Görüntülenecek Her şey Buraya yerleştirilir.
</body>
</html>
body tag içerisindeki parametreler.
bgcolor = Sayfa arka planının rengini değiştirir
text = Yazı rengini değiştirir.
<html>
<head>
<meta charset="utf-8">
<title>Blog Dersleri</title> <!-- -->
</head>
<body bgcolor="blue" text="yellow">
<!-- <body bgcolor="#090081" text="#EFFD00"> -->
Sayfada Görüntülenecek Her şey Buraya yerleştirilir.
</body>
</html>
Arka plana resim eklemek için background parametresini kullanırız.
Resim html dosyasının içerisindeyse direk uzantısıyla yazılır eğer resim o klasör dışarısın daysa
../uzantı.jpg şeklinde o klasörden çıkarız...
Resim klasörde html dışarıdaysa res/uzantı.jpg şeklinde buluruz..
Benim yaptığım örnekte resim ile html aynı klasör içerisinde.
<html>
<head>
<meta charset="utf-8">
<title>Blog Dersleri</title> <!-- -->
</head>
<body bgcolor="blue" text="yellow" background="mars_bilet.png" >
<!-- <body bgcolor="#090081" text="#EFFD00"> -->
Sayfada Görüntülenecek Her şey Buraya yerleştirilir.
</body>
</html>
Body İçerisine Yazılan Taglar !!!
Tek Örnekte Hepsini Anlatıcam.
Ekran çıktısı da bu şekilde olur. (Arka plan resmini kaldırdım yazılar karışıyor.)
Dersleri İndirme Linki
Hiç yorum yok:
Yorum Gönder