![]() |
|
![]() |
#1 |
Aşmış Üye
![]() Üyelik Tarihi: Dec 2006
Konum: KoCaELi
Yaş: 40
Mesajlar: 34,356
Teşekkür Etme: 21 Thanked 162 Times in 97 Posts
Üye No: 23848
İtibar Gücü: 8784
Rep Puanı : 54700
Rep Derecesi :
![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() ![]() Cinsiyet : Erkek
|
![]() Örnek 10:
Kod: <HTML><HEAD><TITLE>Ornek10.html</TITLE></HEAD><BODY><BR>...RESiMLERiM...<BR><!-- diskette bulunan birkaç resmin eklenmesi --><IMG SRC=”File:///a:/resimler/resim1.jpg” ALT=”Gölbaşı”><BR><IMG SRC=”File:///a:/resimler/resim2.gif” WIDTH=”60” HEIGHT=”30%”><BR><IMG SRC=”File:///a:/resimler/resim3.gif” ALT=”MYO” WIDTH=”100”BORDER=”1”></BODY></HTML> 2.1.7 Sayfaya Madde işaretleri(=İmleri) Ekleme <UL>,<OL> ve <LI> Web sayfası dahilinde liste hazırlarken bu deyimler listeleme özelliğini başlatmaktadır. Eğer listede bulunan maddelerin başına büyükçe bir noktanın konulması isteniyorsa <UL> deyimi kullanılmalıdır. Listedeki maddeleri numaralı sıralamak için <OL> değimi kullanılır. Madde olarak kullanılacak her satır <LI> deyimi ile başlayıp </LI> deyimi ile bitmelidir. <UL TYPE=”DISC|CIRCLE|SQUARE”></UL> Bir listede bulunan maddelerin başına büyükçe bir nokta,küçük bir çember veya içi dolu bir kare işareti koymak için kullanılır. Parametreler: TYPE :Listedeki maddelerin başına konacak olan işaret tipi burada belirlenir. Notka içinDISC, içi boş bir nokta içinCIRCLEve kare işareti içinSQUAREdeyimleri kullanılır.Bir şey belirtilmezse varsayılan değer noktadır. Örnek 11: Kod: <HTML><HEAD><TITLE>Ornek11.html</TITLE></HEAD><!-- maddelerin yanına büyük nokta koyar --><BODY BGCOLOR=”#00FFFF”><U>TÜRKİYE 1.FUTBOL LIGINDEDE ŞAMPİYON OLAN TAKIMLAR</U><UL TYPE=”disc”><LI> Galatasaray SK 14 kez </LI><LI> Fenerbahçe SK 13 kez </LI><LI> Beşiktaş JK 9 kez </LI><LI> Trabzonspor SK 6 kez </LI></UL></BODY></HTML> <OL TYPE=” A|a|I|i|1” START=”sayı”></OL> Bir listedeki maddeleri numaralı olarak sıralamak için kullanılır. Parametreler: TYPE :Listedeki maddelerin sıralanma tipleri burada belirlenir. Örneğin <OL TYPE=”a”> kullanılırsa maddeler a,b,c.. şeklinde sıralanır. TYPE belirtilmezse varsayılan değer1,2,3... START :Sıralamaya kaçıncı maddeden başlanacağı burada belirlenir. Örnek 12: Kod: <HTML><HEAD><TITLE>Ornek12.html</TITLE></HEAD><!-- Maddeler Romen rakamı ile sıralanır. --><BODY><CENTER>TÜRKİYE 1.FUTBOL LIGINDEDE ŞAMPİYON OLAN TAKIMLAR <!-- Sıralama Romen rakamı ile III(=3) başlanarak sıralanır --><OL TYPE=”I” START=”3”><LI> Galatasaray SK 14 kez </LI><LI> Fenerbahçe SK 13 kez </LI><LI> Beşiktaş JK 9 kez </LI><LI> Trabzonspor SK 6 kez </LI></OL></CENTER></BODY></HTML> 2.1.8 Sayfaya Tablo Ekleme <TABLE>,<TR> ve <TD> Bu deyim sayesinde web sayfalarında tablolar hazırlanabilir. Bu deyim<TD>ve<TR>deyimleri ile birlikte kullanılmalıdır. <TR>satır ,<TD>tablonun satırlarının içindeki işlemler için kullanılır. <TABLE BORDER=”sınır” WIDTH=”en” HEIGHT=”boy”></TABLE> <TABLE></TABLE> deyimleri tablonun başlangıcını ve bitişini gösterir. Unutmayın! bütün parametreleri kullanmak zorunda değilsiniz. Parametreler: BORDER :Tabloyu oluşturan çerçevenin kalınlığı burada belirlenir.sınır ifadesi 1-5 arası bir sayıya karşılık gelir. WIDTH :Tüm tablonun ister piksel ister % olarak genişliği. HEIGHT :Tüm tablonun ister piksel ister % olarak yüksekliği. <TR></TR> Tablonun satırlarında yapılacak olan işlemlerde bu deyim kullanılır. Her satır için farklı işlem yürütülebilir. <TD BGCOLOR=”renk” ALIGN=”LEFT|RIGTH|CENTER”></TD> Tablo hücrelerini düzenlemek için kullanılır.<TR></TR>deyimleri arasına yazılmalıdır. Parametreler: ALIGN :Tablo içine yazılan metnin biçimi belirlenir. Sağa dayalı, ortalı gibi. BGCOLOR :Tablo hücrelerinin artalan rengi burada belirlenir. Örnek 13: Kod: <html><head><title>Ornek13.html</title></head><body><table border="3"> <tr><td>Adı soyadı </td><td>Numarası </td><td>Notu</td></tr><tr><td>selçuk özdemir </td><td>2001 </td><td>75 </td></tr><tr><td bgcolor=”Yellow”>gülden durmuş</td><td>2054 </td><td>96 </td></tr> </table></body></html> Örnek 14: Kod: <html><head><title>Ornek14.html</title></head><body bgcolor="#000000"><center><table border="0" width="80%" height="100%"><tr><td bgcolor="#909090"><font color="#000080" size="5"><b>Web Sayfama Hoş Geldiniz..</b></font> </td></tr></center></table></body></html> 2.1.9 Sayfalara e-mail Adresi Ekleme <A HREF=”mailto:e-mail_adresi”></A> Web sayfasında e-posta (=elektronik posta) adresi eklemek için<A> ve HREFdeyimlerini kullanmak gerekir. Örnek 15: Kod: <HTML><HEAD><TITLE>Ornek15.html</TITLE></HEAD><BODY><a href=”mailto:[email protected]”>E-Mail</a></BODY></HTML> 2.1.10 Başka Web Sitelerine Geçiş <A HREF=”http://bağlantı_kurulacak_olan_sayfanın_adresi”></A> Bir kişi veya kurumun web sitesine hazırladığınız web sayfasından bağlantı kurmak için yine<A>ve HREFdeyimleri kullanılır. Örnek 16: Kod: <HTML><HEAD><TITLE>Ornek16.html</TITLE></HEAD><BODY><A HREF=”http://www.gantep.edu.tr”>Gaziantep Üniversitesi</A><BR>Gölbaşı MYO sayfasını <A HREF=”http://www.golbasimyo.8m.com”>tıklayın</A></BODY></HTML> 2.1.11 Başka HTML/Text dosyalarına Bağlantı Kurma Daha evvelden hazırlamış olduğunuz HTML dosyalarına bağlantı kurmak için yine<A>ve<HEAD><TITLE>Ornek16.html</TITLE></HEAD> <BODY> <A HREF=”http://www.gantep.edu.tr”>Gaziantep Üniversitesi</A><BR> Gölbaşı MYO sayfasını <A HREF=”http://www.golbasimyo.8m.com”>tıklayın</A> </BODY> </HTML> 2.1.11 Başka HTML/Text dosyalarına Bağlantı Kurma Daha evvelden hazırlamış olduğunuz HTML dosyalarına bağlantı kurmak için yine<A>veHREFdeyimleri kullanılır. Bağlantı kurulacak dosyanın uzantısı txt, htm veya html olabilir. Bunun için; <A HREF=”file://dosyanın_konumu”></A> file://ile belirtilen yerden sonra bağlantı kurmak istediğiniz dosyanın konumu yazılır. Örnek 17: Bu örnekten önce masaüstüneDosya1.html ve Dosya2.txtadlı dosyaları oluşturun. Kod: <HTML><HEAD><TITLE>Ornek17.html</TITLE></HEAD><BODY><A HREF=”file:///c:/windows/desktop/Dosya1.html”>Dosya1</A><BR><A HREF=”file:///c:/windows/desktop/Dosya2.txt”> Dosya2</A><!--Eğer ornek16.html ve bağlantı kurulacak dosya aynı klasörde olursa HREF deyiminden hemen sonra dosyanın adını yazmak yeterlidir.--><A HREF=”ornek15.html”>15. Örnek</A></BODY></HTML> 2.1.12 Bağlantı (Link) Özelliklerini Ayarlama i) Link Renklerinin Ayarları Yukarıdaki iki örnekte Web sayfanızda linklerin renkleri altı çizili ve mavi renktedir. Bir siteyi ziyaret ettiğinizde IE ziyaret edilen bu sitenin link rengini eflatun renginde gösterir. Kendi sayfanızda bulunan linkleri rengini ayarlayabilirsiniz. Bunun için<BODY>deyiminin aşağıda verilen özelliklerini inceleyin. <BODY LINK=”link” ALINK=”aktif_link” VLINK=”ziyaret_edilen_link”></BODY> Parametreler: LINK : Sayfada bulunan linklerin ayarlamaları burada yapılır. ALINK : Fare ile link tıklandığında link in alacağı renk burada belirlenir. VLINK :Eğer bir link daha önce ziyaret edilmişse, o sitenin ziyaret edildiğini gösteren renk ayarı burada yapılır. Örnek 18: Kod: <HTML><HEAD><TITLE>Ornek18.html</TITLE></HEAD><BODY BGCOLOR=”Black” LINK=”Yellow” VLINK=”White” ALINK=”Gray”><BR><A HREF=”http://www.metu.edu.tr”>ODTU</A><BR><A HREF=”http://www.microsoft.com”>Microsoft</A><BR><A HREF=”mailto:[email protected]”>E-Mail</A></BODY></HTML> ii) Linklerin Altı Çizili Özelliğini Kaldıra Sayfanızda bulunan linklerin altı çizili özelliğini kaldırma işlemi<HEAD></HEAD>deyimleri arasına aşağıda verilen kodları yazmalısınız. Ayrıca bu deyimlerle altı çizili özelliği fare linkin üzerine geldiğinde, link altı çizili, üstü çizili veya altı-üstü çizili duruma getirilebilir. :-):-):-):-):-):-):-):-):-) A:link { color : renk; text-decoration :none|underline } A:active { color : renk; text-decoration :none|underline } A:visited { color : renk; text-decoration :none|underline } A:hover { color : renk; text-decoration :none|underline|overline } </style> Parametreler: link :Sayfada bulunan bir link renk ve durumu active :Link tıklandığında alacağı renk ve durum visited :Ziyaret edilmiş bir linkin alacağı renk ve durum hover :Fare ile linkin üzerine gelindiğinde özelliklerinin işleme konulması. Örneğin fare linkin üzerine geldiğinde altı çizili olması isteniyorsa hover kısmında underline seçilmelidir. Üstü çizili olması içinoverlineseçilmelidir. Hem altı hem üstü çizili olması için iki tane hover kullanılmalıdır. color :Linklerin, ziyaret edilen linklerin.. renk özelliğinin ayarlanması burada yapılır. text-decoration :Bu kısımda linkin tipi belirlenir. Fare linkin üzerine geldiğinde, linkin alacağı durum burada ayarlanır. none seçilirse ilgili linkin altı çizili özelliği ortadan kalkar.underline seçilirse ilgili linkin altı çizili özelliği devam eder. Örnek 19: Kod: <html><head>:-):-):-):-):-):-):-):-):-)A:link { color : Yellow; text-decoration :none }A:active { color : Yellow; text-decoration :none }A:visited { color : White; text-decoration :none }A:hover { color : Yellow; text-decoration :underline}A:hover { color : Yellow; text-decoration verline }</style><title>Ornek19.html</title></head><body bgcolor=”#000080”><a href=”http://www.gantep.edu.tr”>Gaziantep Üniversitesi</a></body></html> ii) Aynı Sayfa İçinde Bağlantı Kurma Web sayfalarında birbirine bağlı konular aynı sayfa içinde yer alabilir. Bu konular başka sayfalara geçmeden aynı sayfa içinde birbirleri için link oluşturulabilir. Bunun için yine <A> deyimi kullanılır. Çok uzun metinlerde kullanılması kolaylık sağlar. <A HREF=”#isim”></A> Aynı sayfa içinde link yapılırken link burada bir adres veya dosya değildir. Sadece fare ile link e tıklandığında aynı sayfa içinde, link bizi başka bir yere yönlendirecektir(=gönderecektir). Bu işlem sayfa içinde gidilecek olan yere bir isim vermekle yapılır. <A NAME=”isim”></A> Link e tıklandığında sayfada gidilecek yer burasıdır. Dikkat linkdeki isimle gideceği yer ismi aynı olmalıdır. Aksi takdirde bağlantı kurulamaz. |
![]() |
![]() |
![]() ![]() |
Konuyu Görüntüleyen Aktif Kullanıcılar: 1 (0 üye ve 1 misafir) | |
|
|