HTML ile Basit Web İşlemleri-I

HTML ( Hyper Text Markup Language – Zengin Metin İşaret Dili ) : Web sayfalarının kodlanmasında kullanılan temel dildir. HTML bir programlama dili değil, işaretleme dilidir. Herhangi bir metin düzenleme programı ile yazıla bileceği gibi çok çeşitli web tasarım editörleri bulunmaktadır.

( Bakınız –>> Web TasarımEditörleri <<– Makalesi )

  • HTML komutları etiketlerden oluşur. Etiketler yazılırken < ve > işaretleri arasına yazılır. Örnek: <etiket adi> ……..   </etiket adi>
  • Etiketler yazılırken türkçe karakterler ( ğ,ş,ç,ı,ü,ö) kullanılmamalıdır.
  • HTML komutları BÜYÜK küçük harf duyarlı değildir.
    Örnek: <BODY> ……. </Body> şeklinde yazılabilir.
  • Açılan tüm etikeler mutlaka kapatılmalıdır.

Temel HTML etiketlerinin olduğu boş bir html dosya hazılarsanız yapacağımız örneklerde bu etiketleri tekrar tekrar yazmak zorunda kalmazsınız.

[html]

<html>
<head>
<title>  Sayfa Başlığı Buraya Yazılacak </title>
</head>
<body>
Sayfa İçeriği Buraya gelecek
</body>
</html>

[/html]

<BODY> : wtp_02Html belgesinin tüm içeriğinin yer aldığı bölümdür. Bu bölümde yer alan içeriğin tümü tarayıcıda görüntülenir.

bgcolor : Web sayfasının arkaplan rengini değiştirir. RGB renk kod değerleri girebileceğiniz gibi reg, green, blue, purple, pink gibi renk isimleri girerek de arkaplan rengini değiştirebilirsiniz.

  Örnek: <body bgcolor=”blue”> Sayfa içeriği burada olacak </body>
<body bgcolor=”#FF1659″> Sayfa içeriği burada olacak </body>

background: Web sayfasının arkaplanının resimden oluşmasını istediğimizde bu parametreyi kullanabiliriz.

Örnek: <body background=”resim.jpg”> Sayfa içeriği burada olacak </body>

 

Listeleme Etiketleri:

İki tip listeleme mevcuttur. Bunlardan ilki sıralı liste ( Order List) diğer ise sırasız listedir ( Unorder List ) Bu listelemeleri kelime işlemci programlarından hatırlayabilirsiniz. Sıralı listede rakam, harf ve roma rakamı kullanılır. Sırasız listede ise daire, çember ve kare işaretler kullanılır.

<OL> (Sıralı Liste etiketi) ve <UL> (Sırasız Liste) etiketi <li> etiketi ile birlikte kullanılır. Aşağıdaki örnekleri inceleyelim.

<OL> Örnek :

[html]

<ol>
      <li>Web Tasarım ve Programlama</li>
      <li>Grafik Animasyon</li>
      <li>Veri Tabanı Organizasyonu</li>
</ol>

[/html]

Type:

Typeparametresi kullanılarak listenin rakam mı, harfle mi, roma rakamıyla mı başlayacağını belirleyebiliriz.

[html]
<ol type="A">
      <li>Web Tasarım ve Programlama</li>
      <li>Grafik Animasyon</li>
      <li>Veri Tabanı Organizasyonu</li>
</ol>

<ol type="a">
      <li>Web Tasarım ve Programlama</li>
      <li>Grafik Animasyon</li>
      <li>Veri Tabanı Organizasyonu</li>
</ol>
<ol type="I">
      <li>Web Tasarım ve Programlama</li>
      <li>Grafik Animasyon</li>
      <li>Veri Tabanı Organizasyonu</li>
</ol>

[/html]

 –>> Yazıdaki Kaynak dosyaları indir<–

Bir cevap yazın

E-posta hesabınız yayımlanmayacak.

This site uses Akismet to reduce spam. Learn how your comment data is processed.