onedups

HTML Zorunlu Taglar ve Parametreler

HTML Günümüzde ki her web sitesindeki temellerdir.
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

bunun gibi bir çok yardımcı program vardır.

<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

onedups ~ terminal