webpanosu.net · Web viewHTML Etiketleri 1 HTML HTML, diğer programlama dillerinden farklı olarak...
22
HTML Etiketleri 1 HTML HTML, diğer programlama dillerinden farklı olarak sadece görsel düzenleme için kullanılmaktadır. HTML ile sayfadaki metin, resim, animasyon ve diğer nesnelerin nerede nasıl görüntüleneceği ayarlanır. HTML herhangi bir text (metin) editörü (Notepad, Word, Notepad++, Dreamweaver, ...) ile hazırlanabilir. Bizler Notepad++ üzerinde kodlama yapacağız. Notepad++ ile kodlama yaparken web sayfamızda Türkçe karakter problemi yaşamamak için editörümüzün karakter kodlamasının UTF-8 olması gerekmektedir. Yandaki resimde de görüldüğü gibi Notepad++’da AraçlarTercihlerYeni Sekme/Aç/KaydetUTF-8 seçildikten sonra yeni dosya açtığımızda editörün sol alt kısmında UTF-8 yazısı görünecektir. Dreamweaver varsayılan olarak UTF-8 olarak sayfayı kodladığı için herhangi bir ayarlama yapmak gerekmemektedir. Kaydedilecek olan web sayfalarının uzantısı .html olmalıdır. Ana sayfanın adı ise index.html olmalıdır. Öncelikle sitemizi barındıracak bir klasör oluşturduktan sonra tüm sayfalarımızı bu klasörün içine uzantısını .html vererek kaydetmekte fayda vardır. HTML Yazım kuralları HTML dilinin de kendine özgü bazı kuralları vardır. Bunlar genel olarak şunlardır: Komutlar büyük ya da küçük harfle yazılabilir. (<html> yada <HTML>) Komutlarda (ETİKET) Türkçe’ye özgü karakterler kullanılmaz. (Yasak harfler : ç, Ç, ğ, Ğ, ı, İ, ö, Ö, ş, Ş, ü, Ü) Komutlar < ve > işaretleri arasında yazılır ve etiket (tag) adlandırılırlar. Bazı etiketler hariç her etiketin bir kapanışı vardır.(<html>…..</html>) Etiketler iç içe yer alır ve en içteki etiketten başlatılarak kapatılır. (<html><body><p>…</p></body></html>) 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. Yani girinti vermeye dikkat edilir.
webpanosu.net · Web viewHTML Etiketleri 1 HTML HTML, diğer programlama dillerinden farklı olarak sadece görsel düzenleme için kullanılmaktadır. HTML ile sayfadaki metin, resim,
![[HTML, Css] HTML & Css Learning](https://img.pdfslide.tips/doc/110x75/55cf9813550346d0339570eb/html-css-html-css-learning.jpg)
![[HTML] Codigos HTML Para Webs](https://img.pdfslide.tips/doc/110x75/577c7fb91a28abe054a5c82c/html-codigos-html-para-webs.jpg)
