HTML Ders 5
HTML - 8 Hypertext takıları iki ana değişik şekilde karşımıza çıkar: Anchors ve Images. Anchors, resim veya yazıya bir olay eklemek için kullanılır. Kullanıcı ilgili resim veya yazı üzerine tıkladığında URL linke doğru yapılacak gezintiyi çalıştırır. Anchor ile ilgili 10 değişik durum söz konusudur: 1. Yeni bir html dokümanına geçiş <A HREF="http://www.dca.net/"> Link yazısı</a> 2. Html doküman içerisindeki bir işaret pozisyonu oluşturmak <A NAME="Section1"> Aktarılacak Pozisyon yeri</a> 3. Html doküman içerisindeki bir işaret pozisyonuna aktarmak <A HREF="#Section1">Bölüm 1 e Git</a>
HTML - 9 4. Başka bir html dokümanı içerisindeki pozisyona aktarmak <A HREF="http://www.host.domain/page.html#Section1">G o to Section 1</a> 5. Bir resmi veya başka bir ses, video veya çalıştırılabilir kodu çalıştırmak. <A HREF="http://www.host.domain/file.gif">Display the picture</a> 6. Telnet bağlantısı açmak <A HREF="telnet://host.domain">Log into host.domain</a> 7. Ftp Bağlantısı açmak <A HREF="ftp://ftp.host.domain">Use FTP to get files</a>
HTML - 10 8. Goopher bağlantısı (kaynak arama hizmeti) açmak <A HREF="gopher://gopher.host.domain">Use Gopher to find files</a> 9. E-mail mesajı oluşturmak <A HREF="mailto:name@host.domain">Send mail to the webmaster</a> 10. Kullanıcının diskinde bir dosyayı yüklemek için <A HREF="file:///c:/directory/file.ext">Look at file.ext on this machine</a> html örnekler\örnek11.html
HTML - 11 Html dokümanı yüklendiğinde bir resim göstermek için image takısı kullanılır: <IMG SRC="URL" ALIGN=TOP WIDTH=200 HEIGHT=250 BORDER=1 ALIGN="right ALT="[Text in place of image]"> Resim formatlarının çoğu desteklenmektedir, gif, jpg vs. html örnekler\örnek12.html Image ile anchors birleştirilerek resim üzerine tıklama yapıldığında istenilen link çalıştırılabilir. html örnekler\örnek13.html
HTML - 13 <A HREF takısının içinde bir stil tanımı kullanmanız yeterli. Bu stil takısını kullandığınızda hem kısayol alt çizgisiz olacak hem de ziyaret edildikten sonra rengi değişecek. <A HREF="http:// www.comu.edu.tr " STYLE="text-decoration: none"> Çanakkale Onsekiz Mart Üniversitesi </a> Üzerine gidince rengi değişen bir link oluşturalım. Bunu yapmak için uzun kodlar kullanmaya gerek yok sadece onmouseover özelliğini kullanmak yeterli. <A HREF="http:// www.comu.edu.tr" onmouseover="this.style.color='#cc0000' onmouseout="this.style.color='blue'"> Çanakkale Onsekiz Mart Üniversitesi </a>
HTML - 14 Şimdide hem altçizgisiz hem de üzerine gelince renklenen bir link kullanalım. Tahmin edebileceğiniz gibi hem onmouseover hem de STYLE özelliklerini kullanacağız. <A HREF="http://www.comu.edu.tr" STYLE="text-decoration: none onmouseover="this.style.color='#cc0000'" onmouseout="this.style.color='blue'"> Çanakkale Onsekiz Mart Üniversitesi </a> html örnekler\örnek14a.html
HTML - 15 LINK parametresi ile belli bir süredir ya da hiç ziyaret etmediğiniz bağlantıların renklerini belirleyebilirsiniz, varsayım olarak saf mavi renge ayarlıdır. VLINK parametresi ziyaret edilmiş bağlantıların rengidir, genellikle LINK'e göre daha koyu bir tona ayarlanır, varsayım olarak koyu mavi renge ayarlıdır. Bir bağlantıya tıkladığınızda bağlantının rengi kısa bir süre için değişir. Eğer farenin düğmesini yeterince uzun basılı tutarsanız bu rengin ne olduğunu görebilirsiniz. ALINK ile bu rengin ne olacağını belirleriz. Pek çok web tarayıcısında varsayım olarak kırmızı renge ayarlıdır. <BODY BGCOLOR="#0000A0" TEXT="#FFFFFF" LINK="#FFFF00" VLINK="#808000 ALINK="#FF0000 > html örnekler\örnek14b.html
HTML - 15 <BODY BGCOLOR=x> ile web sayfanızın arkaplan rengini değiştirebilirsiniz. Hatta bir de varsayılan metin rengini değiştirmek istiyorsanız bu işaretin arkasına TEXT=x parametresini eklemeniz yeterli. Genel renk tanımı : "#RRGGBB" dir. Burada, RR, GG, ve BB, sırasıyla kırmızı (red), yeşil (green) ve mavi (blue) renklerin toplam renk içindeki yoğunluğunu gösteren hexadecimal sayılardır. Bu sayılar yerine aşağıdaki renk tanımlama kelimeleri de kullanılabilir : aqua, black, blue, fuchsia, gray, green, lime, maroon, navy, olive, purple, red, silver, teal, white veya yellow.
HTML - 16 <FONT> takısını kullanarak fontu değiştirebiliriz. Örneğin fontu Arial yapmak için <FONT FACE="Arial"> yazmak yeterlidir. Bir fontun hem kendisini, hem büyüklüğünü hem de rengini tek bir işaretle değiştirebilirsiniz. <FONT FACE="Arial" SIZE=3 COLOR="#C00000"> html örnekler\örnek14c.html