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.

Ebat: px

Şu sayfadan göstermeyi başlat:

Download "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."

Duygu Solak
8 yıl önce
İzleme sayısı:

1 HTML Ders 5

2 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=" 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>

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.

3 HTML Başka bir html dokümanı içerisindeki pozisyona aktarmak <A HREF=" 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=" 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>

Bir resmi veya başka bir ses, video veya çalıştırılabilir kodu çalıştırmak. <A HREF="http://www.host.domain/file.

4 HTML Goopher bağlantısı (kaynak arama hizmeti) açmak <A HREF="gopher://gopher.host.domain">Use Gopher to find files</a> 9. 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

domain">Send mail to the webmaster</a> 10.

5 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

$Resim formatlarının çoğu desteklenmektedir, gif, jpg vs. html örnekler\örnek12.$

6 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=" " 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=" onmouseover="this.style.color='#cc0000' onmouseout="this.style.color='blue'"> Çanakkale Onsekiz Mart Üniversitesi </a>

tr " STYLE="text-decoration: none"> Çanakkale Onsekiz Mart Üniversitesi </a> Üzerine gidince rengi değişen bir link oluşturalım.

7 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=" STYLE="text-decoration: none onmouseover="this.style.color='#cc0000'" onmouseout="this.style.color='blue'"> Çanakkale Onsekiz Mart Üniversitesi </a> html örnekler\örnek14a.html

<A HREF="http://www.comu.edu.tr" STYLE="text-decoration: none onmouseover="this.style.

8 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="# ALINK="#FF0000 > html örnekler\örnek14b.html

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.

9 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.

10 HTML - 16 takısını kullanarak fontu değiştirebiliriz. Örneğin fontu Arial yapmak için yazmak yeterlidir. Bir fontun hem kendisini, hem büyüklüğünü hem de rengini tek bir işaretle değiştirebilirsiniz. html örnekler\örnek14c.html

Bir fontun hem kendisini, hem büyüklüğünü hem de rengini tek bir işaretle

Benzer belgeler

Giriş. Html temelleri. Giriş -devam. URL nedir? Ders 2

Giriş. Html temelleri. Giriş -devam. URL nedir? Ders 2 Giriş Html temelleri Ders 2 World Wide Web (Kısaca web) uygun protokoller kullanarak haberleşen yazılımların çalıştırıldığı internet üzerindeki sistemlerin bir koleksiyonudur. Çoğu sistem gününüzde en