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> : 
Html 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]
