HTML Temel Komutlar HTML dkümanı hazırlamak için her hangi bir text dosya yazabilecek bir editr olması yeterlidir. Bütün yapılması gereken dkümanı HTML kurallarına uygun bir şekilde yazmak ve de dosyayı ".htm" ya da ". php3" olarak kaydetmektir. Ne derleme ne de ". exe" gibi dosyalara çevirme işlemi yoktur. HTML dosyası hazırdır. Artık tek yapılması gereken hazırlanan bu dosyanın bir internet tarayıcı programı tarafından çağrılmasıdır. Herhangi bir internet erişim programından bir HTML dkümanının kodlarını grmek istiyorsanız o sayfa üzerinde farenin sağ butonuna basınız. zellikler menüsünden kodu gster seçeneğini seçiniz. (ya da internet erişim programının gster menüsünden source seçeneğini seçiniz.) HTML de program yazılırken her satır bir HTML komutu ile başlar ve de komutun geçerliliği biteceği zaman aynı komut isminin başına "/" konularak tekrar yazılır. <komut>...</komut>Bir HTML sayfası <Html> komutuyla başlar ve de sayfa sonunda </Html> komutuyla biter. Sayfayla ilgili bilgiler <Head> komutu yazıldıktan sonra verilir ve de bilgiler bitince </Head> komutuyla kapatılır. Sayfada gsterilecek bilgiler <Body>...</Body> komutları arasında yazılır. rnek : <Html> <Head> <Title>Deneme Sayfası</Title><!--Başlık burada tanımlanır--> </Head> <Body><!--Bilgiler burada gsterilir--> Html ğreniyorum, ilk deneme sayfası </Body> </Html>Yukarıda verilen rnek her hangi bir editrde yazılıp, ". php3" ya da ".htm" uzantılı olarak kaydedilir ve herhangi bir internet programından çağrılırsa ekranda "Html ğreniyorum, ilk deneme sayfası" yazısı çıkacaktır. Çalıştırdığınız internet programının başlık kısmında da "Deneme Sayfası" başlığı gzükecektir. HTML de açıklama satırı <!-- açıklama --> şeklinde kullanılır. Yazılan açıklama sadece program satırlarıyla gzükür. Sayfa çağrıldığında gzükmez. Yazdığınız program kodlarının ne anlama geldiğini anlamanız veya başka biri tarafından bakılan kodlarınızın anlaşılabilmesi bakımından bol bol açıklama satırı koyunuz. <Body> komutu yardımıyla sayfanın arka rengini, arkaya konulacak resmi, bağlantıların rengini, sayfanın yukarı ve sol tarafa gre konumları belirtilebilir. <Body Background = url Bgcolor = color Bgproperties = fixed Leftmargin = n Link = color Text = color Topmargin = n Alink = color Vlink = color > Bir komutun yanına eğer varsa parametreler komut kapatılmadan ">" nce verilir. Komut kapatılıncaya kadar bu parametreler geçerliliğini korur. Background = url sayfanın arka planında bulunacak resmi tanımlamaya yarar. URL resmin adresini gsterir. Bgcolor = color sayfanın arka planının rengini gsterir. Color rengin hexadecimal karsılığı, RGB değeri ya da rengin ismi olabilir. Bgproperties = fixed sayfanın arka planındaki resmin internet tarayıcısının boyutlarından etkilenmemesini sağlar. Leftmargin = n sayfanın sol kenardan ne kadar uzakta olacağını belirler. Link = color sayfada bulunan bağlantıların rengini belirler. Text = color sayfadaki yazıların rengini belirler. Topmargin = n sayfanın üst kenardan ne kadar uzakta olacağını belirler. Alink = color Aktif olan yani o an seçili olan bağlantının rengini belirler Vlink = color Ziyaret edilen bağlantıların renklerini belirtir. HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur. HTML Diline GirişHTML internet ortamında dküman yaratmak için geliştirilmiş bir programlama dilidir. HTML dkümanı bir text dosyadır ve tek başına bir yazı olmaktan teye gidemez. Ancak her hangi bir internet tarayıcısı yardımıyla çalıştırıldığında içerdiği komutlara gre ve de tarayıcı programın desteklediği zelliklere gre, hazırlanan dkümanlar bir anlam kazanır. HTML dili programlama mantığından biraz uzak, grsel ynü oldukça nemli olan bir dildir. HTML nin ğrenilmesi, diğer programlama dillerine gre daha kolay olup bazı temel kural ve komutların bilinmesi yeterlidir. HTML nin temel mantığını kısaca "Ne grürseniz onu alırsınız" şeklinde açıklayabiliriz. Günümüzde HTML sayfaları hazırlamak için bir çok grsel program vardır. Bu tür programlarla HTML sayfaları hazırlamak çok kolay ve hızlı olmakla beraber HTML kodlarını da yine bu programlar üretmektedir. "Madem ki hazır programlar var neden HTML ğrenelim?" şeklinde bir soru aklınıza gelebilir. Hazır programların olması, kodların el değmeden programlar tarafından yazılması elbette daha güzel, daha kolay ve daha hızlıdır. Ancak hazırlanan sayfaların nasıl oluştuğunu, nasıl çalıştığını, arka planda nelerin olduğunu bilmeden, ezberci bir zihniyet kullanmak bir programcı mantığına terstir. Bu tür programları hemen her yerde bulamayabilirsiniz. Dkümanların değiştirilmesi gereken yerlerde eğer hazırladığınız program yoksa ve de HTML dilini biliyorsanız her hangi bir editrden dkümanınıza müdahale edebilirsiniz. HTML dili çalışan rneklerle, ilginç ipuçlarıyla, sizlerden gelen soru, neri ve dkümanlarla en iyi şekilde anlatılmaya çalışılacaktır. Düzen ve YerleşimHTML dili için grsellik, dolayısıyla da ekran dizaynı çok nemlidir. Dkümanlarınızı en iyi ve en güzel şekilde sunmanız gerekir. Html de bu dizaynları yapabilmeniz için bazı temel komutlar bulunmaktadır. Yazı veya resimlerinizi kısaca dkümanlarınızda kullanacağınız nesneleri ekranın sağına, soluna ve ortasına koyabilmeniz için <align =...> komutu kullanılır. Bu komutun kullanımını biraz detaylı olarak inceleyelim. <p align = left> </p> Nesneleri ekranın soluna yerleştirir. <p align = right> </p> Nesneleri ekranın sağına yerleştirir. <p align = center> </p> Nesneleri ekranın ortasına yerleştirir. <p> ..</p> komutu arasında kalan tüm nesneler paragraf gibi ayrılır. Paragrafın başında ve sonunda paragraf olduğunu belirtmek için boşluk bırakır. HTML de tüm nesneler aksi belirtilmedikçe ekranın solundan itibaren gsterilir. Yani soldan başlayarak yazı yazmak için <align = left> komutunu kullanmanıza gerek yoktur. Bazı internet tarayıcıları <center> komutunu da kullanabilmektedir ama emin olmak için <align = center> komutunu kullanmanızda yarar vardır. rnek : <html> <body> <h2> <ALIGN=LEFT> Komutu</h2> Aksi belirtilmedikçe yazılar ekranın sol tarafına yerleştirilir.<br> Yazınızı soldan başlayarak yazmak için <ALIGN=LEFT> <br> komutunu kullanmanıza gerek yoktur.<br> <h2 align = right> <ALIGN=RIGHT> Komutu</h2> <p align = right>Yazınızı ekranın sağına yerleştirir.</p> <h2 align = center> <ALIGN=CENTER> Komutu</h2> <p align = center>Yazınızı ekranın ortasına yerleştirir.</p> </body> </html> HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur. BaşlıklarBir dküman hazırlanırken, mektup, dilekçe, kompozisyon, Web dkümanı, ... gibi mutlaka baş tarafında bir başlık bulunmalıdır. Başlık koymakla dkümanınızın içeriği hakkında bilgi vermiş olur ve dkümanınıza olan ilgiyi artırabilirsiniz. HTML de bu bakımdan başlık tanımlamaları için zel komutlar vardır. Yazdığınız yazının başlık olduğunun belli olması için... komutları arasına yazılır. H harfleri İngilizce'deki "Header" kelimesinden gelmektedir. H harflerinin yanlarındaki nokta ise bir sayı değeri alır ve bu değerde yazının büyüklüğünü belirler. HTML de 6 tip başlık büyüklüğü vardır. <h1> ... </h1> Büyük yazı, ana başlıklar<h2> ... </h2> Orta yazı, alt başlıklar<h3> ... </h3> Küçük yazı...<h6> ... </h6> En küçük yazı rnek <html><body><h1>Programlama.com, HTML Sayfası, H1 formatında yazı rneği</h1><br><h2>Programlama.com, HTML Sayfası, H2 formatında yazı rneği</h2><br><h3>Programlama.com, HTML Sayfası, H3 formatında yazı rneği</h3><br><h4>Programlama.com, HTML Sayfası, H4 formatında yazı rneği</h4><br><h5>Programlama.com, HTML Sayfası, H5 formatında yazı rneği</h5><br><h6>Programlama.com, HTML Sayfası, H6 formatında yazı rneği</h6><br></html></body><br> komutu programda bulunduğu yerden itibaren alt satıra geçişi sağlar. Bu komutun </br> ifadesi yoktur. Uzun bir satır yazmak istiyorsunuz ve de bu satırın birkaç satıra blünmesini istemiyorsunuz. Bunun için <NoBr> komutunu kullanabilirsiniz. rnek : <html> <body> <NoBr>Uzun bir yazınız var ve de yazınızın birkaç satıra blünmesini istemiyorsanız <NoBr> komutunu kullanabilirsiniz. </NoBr>Eğer <NoBr> komutunu kullanmazsanız internet servis sağlayıcınızın boyutuna gre yazınız satırlara ayrılacaktır. </html> </body>HTML'de komutların büyük ya da küçük harfle yazılma zorunluluğu yoktur. HTML dkümanlarında başlık yazmanız için sadece bu komutları kullanmanız gerekmez. Başlıklarınızı kendinizde oluşturabilirsiniz. Yazıların büyüklük, kalınlık ve de ekrandaki yerlerini ayarlayarakta kendi başlıklarınızı oluşturabilirsiniz. Yazıların ekranda eğik "italic", kalın "bold", altı çizgili "underline" , büyük "large" gibi değişik şekillerde olması için ekrana yazdırılacak yazının başına yazının ne şekilde olacağının belirtilmesi gerekir. Aşağıda verilen komutlar temel yazı komutlarıdır ve ileriki konularda yeri geldikçe değinilecektir. <B> ... </B> Kalın "Bold" <i> ... </i> Eğik "Italic" <u> ... </u> Altı çizgili "Underline" <big> ... </big> Büyük <small> ... </small> Küçük rnek : <html> <body> <B>Kalın yazı</B> <br> <i>Eğik yazı</i> <br> <u>Altı çizgili yazı</u> <br> <big>Büyük yazı</big> <br> <small>Küçük yazı</small> <br> </body> </html> Çizgisiz Linkler Eğer sayfamızdaki tüm linklerin altlarının çizgisiz grünmesini istiyorsak aşağıdaki kodu sayfamıza eklememiz yeterli olacaktır. <STYLE> <!-- A --> </STYLE>Eğer sadece bir linkin altının çizgisiz grünmesini istiyorsak linki aşağıdaki gibi tanımlamalıyız <a href="www.domainadi.com" style="text-decoration: none">Bunun da Altında Çizgi Yok</a> HTML'de Müzik ilavesiHtml'den müzik çaldırmanın iki yolu vardır. Birincisi fare ile bir yere tıklandığında, diğeri ise sayfa yüklendiğinde müzik çalmasıdırForeground Music :Fare ile bir yere tıklandığında müzik çaldırmanın en kolay yolu; bir link 'in altına müzik dosyasını koymaktır. Aşağıdaki kodu inceleyin lütfen. <a href = "music. mid">Müziği Dinlemek İçin Tıklayın</a>Çalınacak müzik dosyası "mid" uzantılı olmak zorunda değildir,"au" veya"wav" uzantılı da olabilir. Fakat "wav" uzantılı bir müzik dosyasını indirmek sayfanıza giren kişinin çok zamanını alabilir. Ayrıca yukarıdaki rnekteki "music. mid" yerine müzik dosyasının ismi ile birlikte yerinin de yazılması gerektiğini unutmayın. Html kodunda müzik dosyasını belirtirken, dosya ismindeki büyük-küçük harfe dikkat edilmelidir. rneğin; "music. mid" ile "Music. mid" aynı şeyler değildir. Background Music İkinci yol ise sayfa yüklendiğinde fon müziği olarak müzik çalmasıdır. I. E ve Netscape' in geri planda müzik çalmayı sağlayan html tag'leri birbirinden farklıdır. Sayfanızın daha fazla kişi tarafından kullanılabilirliği açısından bunu gz nünde bulundurmanızda fayda var. Netscape için <embed>I. E için <bgsound> tag'i kullanılır. rnek : Sayfa yüklendiğinde, ebatlarını belirttiğimiz, üzerinde "play" ve "stop butonları" olan bir konsol çıkar. Sayfa yüklenir yüklenmez müzik başlamaz "play" butonuna basılarak müziğin başlatılması gerekir. <embed src = "music. mid" width ="150" height = "100" ><noembed><bgsound src ="music. mid"></noembed>Yukarıdaki <noembed> tag' ini kullanılması browser' ın I. E olması durumunda da müzik çalınabilmesini sağlar. Browser <embed> tag' ini anlamazsa <noembed> içindeki kodu yürütür ve browser I. E ise müzik çalınır. rnek : Sayfa yüklenir yüklenmez müzik başlar ve bir kez çalınır. <embed src = "music. mid" width ="150" height = "100" autostart = "true"><noembed><bgsound src ="music. mid"></noembed>rnek : Sayfa yüklenir yüklenmez müzik başlar ve sayfa açık olduğu sürece çalmaya devam eder. Ayrıca sayfada, boyutları standart, küçük bir konsol çıkar. <embed src = "music. mid" autostart = "true" controls = "smallconsole" loop = true><noembed><bgsound src ="music. mid"></noembed>rnek : Ekranda herhangi bir konsol grünmesini istemiyorsanız, aşağıdaki kodu kullanmalısınız.<embed src = "music. mid" autostart = true hidden = true><noembed><bgsound src ="music. mid"></noembed>Fakat şunu da unutmayın! Konsolu saklarsanız ve "loop = true" seçerseniz, sayfanızı ziyaret kişi, sayfada kaldığı süre boyunca aynı müziği tekrar tekrar dinlemek zorunda kalacaktır. Bu da sinir bozucu olabilir. zel Karakterler HTML dilinde bazı karakterler kodun kendisini oluşturduğu için bir yazı içinde geçmesi gerektiğinde oldukları gibi kullanılamazlar. Bunların yazı içinde gsterilebilmesi için zel kısaltmalar kullanılır. < Küçüktür İşareti &lt;> Büyüktür İşareti &gt;& AND işareti &amp;" Çift Tırnak &quot;@ Ampersand &#64;© Copyright &#169; Registered &#174; Bir Boşluk

eğer bunların daha iilerni indirmek istiyosanız www.aeystudio.com işinize yarar aynı hatayı tekrar yapma yapılacak cok hata var