HTML Komut Yapısı - HTML Ders 1

D®agon · « : 14 Ocak 2011, 20:22:27 »

HTML diğer programlama dillerinden farklı olarak sadece görsel düzenleme için
kullanılmaktadır. HTML herhangi bir text editörle (Notepad, Word,...) hazırlanabilir.

HTML belgesi oluşturmak için not defterinden yararlanabilirsiniz.

Başlat --> Programlar --> Donatılar --> Not Defteri

Fakat bunun yerine WEB sayfası tasarımı için Dreamweaver, FrontPage, Netscape Composer gibi
gelişmiş araçlar da kullanılabilir.

biz derslerimizde Notepad kullanacağız.

Bir html dokümanı hazırlandıktan sonra kaydedilirken “dosya_adi.htm” veya
“dosya_adi.html” olarak kaydedilmelidir.

Kaydetmiş olduğunuz dosya uzantısı html olduğu için bir html dosyası olarak görülecektir.
Üzerine çift tıkladığınızda mevcut tarayıcınız ile dosyanız açılacaktır.

Yazım kuralları

Komutlar büyük ya da küçük harfle yazılabilir.
Komutlar Türkçe karakterler (ş,ç,ı,ü,ğ,ö) içermez.
Komutlar “<” ve “>” işaretleri arasında yazılır ve “etiket (tag)” adını alır.

Kullanım biçimi:

<etiket (tag)_adi>
Örnek : [code]<HTML>,<BODY>,<TITLE>[/code]
Bir etiket <etiket_adi> şeklinde başlar ve bazı etiketler dışında </etiket_adi>
şeklinde biter.

Etiketler iç içe yer alır ve en içteki etiketten başlatılarak kapatılır. Kodların
okunabilirliğini artırmak için bir etiket bitmeden tekrar etiket açılırsa içeride
açılan etiket biraz daha içeriden yazılmalıdır.

Kullanım biçimi:
<tag_1>
<tag_2>
......
</tag_2>
</tag_1>

Örnek:

[code]<HTML>
<BODY>
......
<FORM>
......
</FORM>
</BODY>
</HTML>[/code]

Bir etiket parametreler kullanarak biçimlendirilir ve bu parametrelere tırnak ("")
işaretleri arasında değer atanır. Değerle parametre adı arasında eşittir (=) işareti
kullanılır.

Kullanım biçimi:
<tag_adi parametre_adi ="deger">

Örnek:
[code]<body bgcolor="blue">[/code]

WEB sayfasında standart olarak bulunması gereken kodlar şunlardır.
Bunlar sayfada mutlaka vardır.

Bu kodlarla tarayıcı bunun bir WEB sayfası olduğunu anlar ve ona göre
görüntüler.

[code]<html>
<head>
<title> Sayfanın Başlığı </title>
</head>
<body>
Sayfanızın tüm içeriği: resim, yazı, video, vb.
</body>
</html>[/code]

HTML Komut Yapısı - HTML Ders 1

D®agon

HTML Komut Yapısı - HTML Ders 1