HtmL dersLeri

**Brad-Let** · 07-03-2006

İşaretleme dili(markup), belgenin yapısına veya sunumunu hakkında bilgileri iletmek için belgeye eklenen bilgilerdir. Bilgisayar dünyasının hemen her yerinde, işaretleme dilleriyle karşılaşırız. Doğrudan göremeseniz de, kelime işlemci belgeleri, belgenin yapısını ve sunumunu gösteren kodlarla doludur. Ekranınızda gördüğünüz bir metin sayfasını arka planda, biçimlendirme işi işaretleme dili tarafından yapılır. HyperText Markup Language(HTML) ve varisi XHTML, Web tarayıcılarına, Web sayfalarının nasıl yapılandırıcağını veya bir diğer deyişle, nasıl görüntüleneceğini söyleyen işaretleme dilleridir.

Bütün bu belgeler, kullanılan işaretleme dilini gösteren bir belge tipi tanımıyla başlamalı ve daha sonra, bir <head> ve <body> imini veya bazı durumlarda bir <head> ve <frameset> imini içeren kök html elementi gelmelidir. Belgenin head ayrımı içinde, belgenin başlığı, karakter kümesi, stil sayfaları ve script'ler gibi bilgiler bulunur. <body> imi, sayfanın gerçek içeriğini kapsar. Aşağıdaki örnekte, bir XHTML 1.0 Transitional belgenin yapısını göreceksiniz.

CODE

<!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmls="http://www.w3.org/1999/xhtml1" lang=en">
<head>
<title>Başlık Buraya</title>
<**** **********="content-type" content="text/html; charset=ISO-8859-1" />


</head>
<body>

</body>
</html>

id niteliği: id niteliği bir belge içindeki bir elemente, eşsiz bir ad vermek için kullanılır. Örneğin paragraf imi (<p>) ile birlikte kullanılarak, bağlanan elemente "FirstParagrah" adı verilir.

CODE

<p id="FirstParagraph">
Buraya ilk paragraftaki yazılar
</p>

Bir elementi adlandırmak, içeriğin bir stil sayfası veya script ile kapsanmasında yardımcı olur. Örneğin aşağıdaki gibi bir stil sayfası kuralı, bir belgenin head yarımına yerleştirilebilir.

CODE

<style type="text/css">
#Firstparagraph {color: red;}
</style>

Bu kural, FirstParagraph adlı bir elementi kırmızıya dönüştürür.

class niteliği:Bir imin ait olabileceiği sınıfı veya sınıfları göstermek için kullanılır. id gibi class niteliği de, bir ime ad vermek için kullanılır.

CODE

<p id="FirstParagrah" class="important">
Burası ilk paragraf
</p>

Ancak class, paragrafı FirstParagrah olaraak adlandırmanın yanında, bu paragrafın important adlı bir sınıfa ait oldugunu da gösterir.

Aşagıdaki gibi bir stil sayfası kuralı, class niteliği important ayarlanmış tüm elementlere, sarı bir arka plan atar.

CODE

<style type="text/css">
.important {background-color: yellow;}
</style>

07-03-2006	#1
Brad-Let PcSystem Expert Türkiyenin En Kaliteli Bilgi Paylasim Mekani AKdenizForum.. Kullanıcı Bilgileri Üyelik Tarihi: Jun 2006 Nerden: Türkiye Yaş: 22 Mesajlar: 3.971 Üye No: 9 Extra Bilgiler Tecrübe Puanı: 50 Rep Gücü : 218 Rep Derecesi : İletişim	HtmL dersLeri İşaretleme dili(markup), belgenin yapısına veya sunumunu hakkında bilgileri iletmek için belgeye eklenen bilgilerdir. Bilgisayar dünyasının hemen her yerinde, işaretleme dilleriyle karşılaşırız. Doğrudan göremeseniz de, kelime işlemci belgeleri, belgenin yapısını ve sunumunu gösteren kodlarla doludur. Ekranınızda gördüğünüz bir metin sayfasını arka planda, biçimlendirme işi işaretleme dili tarafından yapılır. HyperText Markup Language(HTML) ve varisi XHTML, Web tarayıcılarına, Web sayfalarının nasıl yapılandırıcağını veya bir diğer deyişle, nasıl görüntüleneceğini söyleyen işaretleme dilleridir. Bütün bu belgeler, kullanılan işaretleme dilini gösteren bir belge tipi tanımıyla başlamalı ve daha sonra, bir <head> ve <body> imini veya bazı durumlarda bir <head> ve <frameset> imini içeren kök html elementi gelmelidir. Belgenin head ayrımı içinde, belgenin başlığı, karakter kümesi, stil sayfaları ve script'ler gibi bilgiler bulunur. <body> imi, sayfanın gerçek içeriğini kapsar. Aşağıdaki örnekte, bir XHTML 1.0 Transitional belgenin yapısını göreceksiniz. CODE <!DOCTYPE html PUBLIC " -//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3c.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmls="http://www.w3.org/1999/xhtml1" lang=en"> <head> <title>Başlık Buraya</title> <** ******="content-type" content="text/html; charset=ISO-8859-1" /> <!-- diger başlık bilgisi buraya --> </head> <body> <!-- diger başlık bilgisi buraya --> </body> </html> id niteliği: id niteliği bir belge içindeki bir elemente, eşsiz bir ad vermek için kullanılır. Örneğin paragraf imi (<p>) ile birlikte kullanılarak, bağlanan elemente "FirstParagrah" adı verilir. CODE <p id="FirstParagraph"> Buraya ilk paragraftaki yazılar </p> Bir elementi adlandırmak, içeriğin bir stil sayfası veya script ile kapsanmasında yardımcı olur. Örneğin aşağıdaki gibi bir stil sayfası kuralı, bir belgenin head yarımına yerleştirilebilir. CODE <style type="text/css"> #Firstparagraph {color: red;} </style> Bu kural, FirstParagraph adlı bir elementi kırmızıya dönüştürür. class niteliği:Bir imin ait olabileceiği sınıfı veya sınıfları göstermek için kullanılır. id gibi class niteliği de, bir ime ad vermek için kullanılır. CODE <p id="FirstParagrah" class="important"> Burası ilk paragraf </p> Ancak class, paragrafı FirstParagrah olaraak adlandırmanın yanında, bu paragrafın important adlı bir sınıfa ait oldugunu da gösterir. Aşagıdaki gibi bir stil sayfası kuralı, class niteliği important ayarlanmış tüm elementlere, sarı bir arka plan atar. CODE <style type="text/css"> .important {background-color: yellow;} </style> AkdenizForum Toolbar Sitemizi Daha İyi Kullanmak İstiyorsanız Daha Kolaylıkla Sizde İndirin [ÜYE OLMADAN LİNKLERİ GÖREMEZSİNİZ. BURAYA TIKLAYARAK BEDAVA ÜYE OLUN...]**

Benzer Konular
Konu	Konuyu Başlatan	Forum	Cevaplar	son Mesaj
WeBMaSTeR Olmak İsTiyoRSaN!VeYa CoK YaRaRLi BiR KaYNaK İsTiYoRSan HeMeN Bu ToPiĞe GiR	quant£S®	Webmaster Genel	7	09-07-2008 12:58 PM
sitenize gerekli hazır html kodları BURADA--->>	dJ_FoxX	Webmaster Genel	3	01-08-2008 08:00 AM
ASP Öğreniyorum / ASP Dersleri	dJ_FoxX	Webmaster Genel	1	10-11-2007 11:59 AM
Web Tasarım Teknikleri-Web Sitesi Yapmak İsteyenlere Kaynak	dEHSEt	Webmaster Genel	3	10-11-2007 11:50 AM
Html Temel kodları buyrun	Brad-Let	Webmaster Genel	0	07-02-2006 11:44 AM

Seçenekler
Yazdırılabilir şekli göster Sayfayı E-Mail olarak gönder