[SIZE=30].::HTML DERSLERİ::.

[quote] Demekki bir Web Sayfası hazırlamak istiyorsunuz! İşiniz var..
Ders 1

--------------------------------------------------------------------------------

Hemen Notepad'i açın ve başlayalım...




Terimlerin İngilizcesini söylemek zorundayım zira edineceğiniz bütün yardımcı programlarda İngilizce olacak.Yukarıda Kırmızı ile yazılmış şeylere "TAG" yani "etiket" derler. İlki açılış tag idir, ikincisi kapanış tag i. Kapanış tag i yapmak için açılş tag ine / eklediniz mi yeterlidir. Tag lerin hepsinin olmamakla beraber birçoğunun kapanış tag i vardır.
Tag leri Tarayıcınızla konuşmak gibi değerlendirin, daha doğrusu birşeyler yapmasını tarif ediyorsunuz. Şu anda tarayıcıya bunun 'HTML dökümanının başlangıcı olduğunu' söylediniz () ve bununda 'HTML dökümanının sonu' olduğunu söylediniz. (). Şimdi içine birşeyler dolduralım.



--------------------------------------------------------------------------------

Her HTML dökümanı bir çift HEAD tag i ister.








--------------------------------------------------------------------------------

HEAD Taglerinin bizi ilgilendiren tarafı şimdilik sadece TITLE tagleridir.










--------------------------------------------------------------------------------

Ve sayfanın geri kalanı ise BODY ( Gövde )tagleri arasında bulunur. Yani şu anda izlediğiniz sayfa bu tagler arasındadır.











--------------------------------------------------------------------------------

Aman, birşey daha, dökümanınıza TITLE ile BODY tagleri arasına giracak birşeyler ilave edelim.



Benim ilk web denemem!


Merhaba ilkturk.net!



Şimdi save yapın, fakat text dökümanı değil, html dökümanı olarak. index.html olarak yeni bir klasörün içinde save yapın. Eğer bu biraz kafayı karıştırdı ise şöyle yapın... Notepadde Dosyayı tıklayın sonra Farklı Kaydet.
Çıkan diyalog kutusunda -> tıklayarak yeni bir klasör açın, istediğiniz adı verin. Sonra çift tıklayıp açın
Dosya Adı: diyen yere index.html yazın Farklı kaydet: tıklayın. Ama dikkat edin all files(*.*) yada Bütün dosyalar desin.
Enter'a basın ve bitti evet bitti.!

Tebrikler! artık tam fonksiyonlu webdede yayınlanabilecek bir WEB SAYFANIZ oldu. başardınız. İsterseniz SuperTurks veya ilkturk üye alanınızdan file manager ile web alanınıza yollayın. Artık bütün dünya görebilir...


Şimdi tarayıcının adres çubuğuna [URL]http://sitenizinadı.ilkturk.org yazın... birşey başarmış olmanın keyfi ile eserinizi seyredin.
Bir sonraki basamak sayfanıza güzel birşeyler koymak olacak.

Bir sonraki bölüme geçmeden iki önemli nokta

BİR: bu yaptığınız bir iskelet HTML dökümanı idi. Şu anda bu okuduğunuz sayfa dahil bütün fiyakalı web sayfaları bu esas tagleri bulundurmak zorundadır.

İKİ: Döküman Benim ilk web denemem! etiketleri arasında yazılı olanlar entepede tarayıcı penceresinin sol üst köşesinde, lacivert çubuğun üzerinde çıkar. İnanmazsanız kafanızı kaldırıp dediğim yere bakın.


Evet, Web sayfası yapımına devam!
Ders 2

--------------------------------------------------------------------------------

Karışıklığa sebep vermemek için taglerinin içini yazacağım. Bunadan sonra , & taglerini artık yazmayacağım ama siz mutlaka yazın. (ben kısaltmış olmak için yazmıyorum-belirteyim). <br /> <br /> <BODY><br /> </BODY><br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> Güzel bir şey yazın. <br /> <br /> <BODY><br /> Güzel bir şey<br /> <br /> </BODY><br /> Güzel bir şey <br /> <br /> Dökümanda herhangi bir şey değiştirdiniz mi mutlaka "Kayıt" ile saklatın, "Yenile" yi tıklayın ve değişikliği hemen gözlemleyinki ne olduğunu anlayabilesiniz <br /> <br /> Sanırım ilk öğrenmemeiz gereken background - fon - renginin nasıl değiştiği. <br /> <br /> <BODY BGCOLOR="#FFFF00"><br /> Güzel bir şey <br /> </BODY><br /> Güzel bir şey <br /> FFFF00 sarı renginin HEX kodudur. Tıklarsanız burada biraz daha var.<br /> <br /> <br /> Dilerseniz arkaplanı image - resim - de yerleştirebilirsiniz.<br /> DİKKAT : image -resim- sizin HTML dosyanızla (sayfanızla) aynı folder -klasör- de olmalı. Yoksa resimleriniz çıkmaz. Resimleri göremezseniz endişelenmeyin, mutlaka aynı klasörde değildir veya GIF ve JPG dosyalarınızı Türkçe harfler kullanarak isimlendirmiş olabilirsiniz. <br /> Kodun yazılışı ise aşağıdaki gibidir: <br /> <br /> <BODY BACKGROUND="fon.gif"><br /> Güzel bir şey<br /> </BODY><br /> Güzel bir şey <br /> <br /> <br /> <br /> Arkaplan image ı burada<br /> <br /> İmage in görünebilmesi için aynı HTML dosyanızla aynı klasörde olması gerek. Bunun en kolay yolu , image ın üzerine sağ tıklayıp birinci derste yaptığınız sayfa bilgisayarın hangi bölümünde ise hemen onun yanına Resmi Farklı Kaydet yapın <br /> --------------------------------------------------------------------------------<br /> <br /> Eski düz beyaz ekrana gidelim tekrar. <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir şey<br /> </BODY><br /> Güzel bir şey <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> İstersek yazıları böyle Kalın yapabiliriz. <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir <B>şey</B><br /> </BODY><br /> Güzel bir şey <br /> Biz aslında browsere diyoruz ki<B> görünce harfleri kalın yapmağa başla </B> görüncede durdur. <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> Aybı kural italikler içinde geçerlidir.... <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel <I>bir</I> <B>şey</B><br /> </BODY><br /> Güzel bir şey <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> vede.. altçizgi. <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> <U>güzel</U> <I>bir</I> <B>şey</B><br /> </BODY><br /> Güzel bir şey <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> Beyaz ekrana tekrar dönelim. <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir şey<br /> </BODY><br /> Güzel bir şey <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> İstersek tagleri birlikte kullanabiliriz. <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir <I><B>şey</B></I><br /> </BODY><br /> Güzel bir şey <br /> Bu nested - yani içiçe geçmiş - taglere örnektir. İlerde etiketleri birlikte kullandığınız zaman aşağıdaki şekilde yapın yoksa browserin kafasını karıştırırsınız. <br /> <br /> <THIS><THAT></THIS></THAT> Karışık yani HATALI<br /> <THIS><THAT></THAT></THIS> Nested DOĞRUSU BÖYLE<br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> Elbette font size too font ebatlarıda değişir... Nasıl mı? - Çok kolay. <br /> <br /> Önce <FONT> taglerini ilave edin... <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir<FONT>şey</FONT><br /> </BODY> <br /> <br /> Sonra SIZE ebat özelliğini belirtin. <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir <FONT SIZE=3>şey</FONT><br /> </BODY><br /> Güzel bir şey <br /> Fontlar 7 ebatta gelir:<br /> <br /> <br /> minik küçük normal büyücek büyük gerçekten büyük jumboo! <br /> 1 2 3 4 5 6 7 <br /> <br /> Şimdi iki şeyi tartışalım. <TAG> browsere bir şeyi yapmasını söyler ve ATTRIBUTE ise <TAG> içine girer ve browsere nasıl yapacağını söyler.<br /> İkinci nokta ise defaultlar yani varsayılanlar. Eğer hiçbirşey belirtilmemişse browser varsayılan değerleri atar. Mesela font ölçülerinde varsayılan değer 3 tür. bir şey belirtmezseniz browser 3 varsayarak karakterleri yazar. <br /> <br /> Her browserin değişik varsayılan font ayarları vardır. Eğer PCnizi fazla kurcalamadı iseniz varsayılan ayarları " Times New Roman 12pt ve siyah renk tir". Ama ARIAL and COMIC SANS gibi değişik fontlarda vardır. <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir <FONT FACE="ARIAL">şey</FONT><br /> </BODY><br /> Güzel bir şey <br /> Tabii fontların gözükmesi için PCnize yüklü olması gerekir. Tekrarlayayım eğer sayfanıza bakan kimse, sizin belirttiğiniz fontlar bilgisayarına yüklü değilse, sadece kendi bilgisayarının varsayılan fontunu görür. Onun için fontlarınızla biraz dikkatli olun.Arial ve Comic Sans MS Windows ile gelen yaygın fontlardandır. Aynı şekilde Impact! da. Yapmanız gereken, işi garantiye almak için birden fazla font belirtmeniz. (Evet! yapabilirsiniz) Bunlardan birini yapın.. <FONT FACE="ARIAL, HELVETICA, LUCIDA SANS">Hidee Ho</FONT>.<br /> Benim gibi jetonu geç düşenlere açıklayayım. Olay şu: Sayfa yüklenirken browser ARIAL arar. Bulursa kullanır, bulamadı ozaman HELVETICA yı arar. Bulursa kullanır olmadı LUCIDA SANSı gider bakar. Onuda bulamazsa çaresiz varsayılan fontu kullanır. <br /> <br /> Evvet, eğlenceye geri dönelim..<br /> İsterseniz font rengini değiştirebilirsiniz. <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir <FONT COLOR="#FF0000">şey</FONT><br /> </BODY><br /> Güzel bir şey <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> İstersek birden fazla özelliği <TAG> içine yerleştirebiliriz... <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir <FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">şey</FONT><br /> </BODY><br /> Güzel birşey <br /> <br /> <br /> <br /> --------------------------------------------------------------------------------<br /> <br /> Elbette bu kadar değil! <br /> <br /> <BODY BGCOLOR="#FFFFFF"><br /> Güzel bir <U><I><B><FONT COLOR="#FF0000" FACE="ARIAL" SIZE="7">şey</FONT></B></I></U><br /> </BODY><br /> Güzel birşey <br /> Tekrar belirteyim, birden fazla tag nested olmalı. <br /> <br /> <br /> <TAG3><TAG2><TAG1>Hooha!</TAG1></TAG2></TAG3> <br /> Hangisinin önce olduğu mühim değil. Bir şeyi kırmızı ve kalın yapmak için sıra farketmez. İstediğiniz sırada yapabilirsiniz. <br /> <br /> <br /> <TAG2><TAG1><TAG3>Hooha!</TAG3></TAG1></TAG2> <br /> Kendinizi ve browserin kafasını karıştırmak için en kestirme yol, etiketlerin sırasını karıştırmaktır. The fastest way to confuse the browser, not to mention yourself is to overlap the tags... <br /> <br /> <br /> <TAG3><TAG2><TAG1>Hooha!</TAG3></TAG1></TAG2> [/quote]</p> <div class="alert alert-info"> <strong>Etiketler:</strong> <ul class="pager"> <li><a href="http://www.main-board.com/bilgi/HTML DERSLERİ">HTML DERSLERİ</a></li> </ul> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="list-group col-md-3 col-sm-12"> <span class="list-group-item active"> <strong>cr@ckman</strong> <span class="glyphicon pull-right glyphicon-user"></span> </span> <a class="list-group-item" href="http://www.main-board.com/bilgin-4369/"> <img style="border-radius: 5px;" class="img-responsive" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=236&h=236" alt="cr@ckman"> </a> </div> <div class="list-group col-md-5 col-sm-12"> <span class="list-group-item active">Üyenin Yeni Konuları <i class="fa fa-file-text pull-right" aria-hidden="true"></i></span> <a href="http://www.main-board.com/293845/kaptanin-penceresinden" class="list-group-item">Kaptanın Penceresinden</a> <a href="http://www.main-board.com/177738/nuri-bilge-ceylan-filmleri-ocak-8217-ta-cnbc-e-8217-de-her-carsamba-saat-22-00-de" class="list-group-item">Nuri Bilge Ceylan filmleri Ocak’ta CNBC-e’de, Her Çarşamba saat 22.00'de</a> <a href="http://www.main-board.com/177730/lutfen-turkcemizi-dejenere-etmiyelim" class="list-group-item">Lütfen Türkçemizi dejenere etmiyelim..!</a> <a href="http://www.main-board.com/128595/windows-xp-service-pack-3-turkce" class="list-group-item">Windows XP Service Pack 3 Türkçe</a> </div> <div class="list-group col-md-4 col-sm-12"> <span class="list-group-item active">Üyenin Populer Konuları <i class="fa fa-certificate pull-right" aria-hidden="true"></i></span> <a href="http://www.main-board.com/14979/ilk-insan-nasil-olustu-kimi-camurdan-kimi-maymundan" class="list-group-item">ilk insan nasıl oluştu ? kimi çamurdan , kimi maymundan ?</a> <a href="http://www.main-board.com/14295/bilgisayardan-sms-yollama" class="list-group-item">Bilgisayardan SMS Yollama</a> <a href="http://www.main-board.com/20532/photoshop-da-degisen-sac-modelleri" class="list-group-item">PhotoShop da Değişen saç modelleri</a> <a href="http://www.main-board.com/17077/anket-sonuclarina-mudahle-etme" class="list-group-item">Anket Sonuclarina Müdahle Etme</a> </div> </div> </div> </div> <!-- /resim-ana-foto biter --> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <!-- resim-ana-istatistik baslar --> <div class="col-md-6"> <div class="alert alert-success"> <div><span class="glyphicon glyphicon-thumbs-up"></span> Beğeniler: 0</div> <div><span class="glyphicon glyphicon-heart"></span> Favoriler: 0</div> <div><span class="glyphicon glyphicon-eye-open"></span> İzlenmeler: 4246</div> </div> </div> <div class="col-md-3"> <div class="alert alert-warning"> <span class="glyphicon glyphicon-star g15x"></span> <span class="glyphicon glyphicon-star g15x"></span> <span class="glyphicon glyphicon-star g15x"></span> <span class="glyphicon glyphicon-star g15x"></span> <span class="glyphicon glyphicon-star g15x"></span> </div> </div> <div class="col-md-3"> <div class="pull-right" style="margin:5px;"> <a rel="nofollow" href="http://www.main-board.com/reg.php"><img src="http://www.main-board.com/v1/favori.png" alt="favori"/></a> </div> <div class="pull-right" style="margin:5px;"> <a rel="nofollow" href="http://www.main-board.com/reg.php"><img src="http://www.main-board.com/v1/like.png" alt="like"/></a> </div> <div class="pull-right" style="margin:5px;"> <a rel="nofollow" target="_blank" href="http://www.facebook.com/sharer/sharer.php?u=http://www.main-board.com/17595/html-dersleri"><img width="50" src="http://www.main-board.com/v1/profacebook.png" alt="share" /></a> </div> </div> </div> </div> </div> <!-- /resim-ana-istatistik biter --> <!-- resim-ana-yorum baslar --> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-24454/">ilkerus</a></strong> <span class="text-muted">Tarih: 01.06.2007 19:05</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> muhteşem walla ellerine sağlık..<img src="http://www.main-board.com/img/ifadeler/4.gif"/> <img src="http://www.main-board.com/img/ifadeler/4.gif"/> <img src="http://www.main-board.com/img/ifadeler/4.gif"/> </div> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-33408/">diyar40</a></strong> <span class="text-muted">Tarih: 24.04.2007 16:38</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> cok ama cok tsk ederim elinize saglık </div> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-5757/">FreddyKrueger</a></strong> <span class="text-muted">Tarih: 19.02.2007 18:29</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> BiLqiLer Için SaoLaSın...<br /> <br /> <br /> <br /> <img src="http://www.main-board.com/img/ifadeler/1.gif"/> </div> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-4820/">emrahbcksz</a></strong> <span class="text-muted">Tarih: 17.04.2005 18:15</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> bakalım </div> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-29/">MARDINLI1986</a></strong> <span class="text-muted">Tarih: 17.04.2005 01:53</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> tesekkürler <img src="http://www.main-board.com/img/ifadeler/1.gif"/> </div> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-6144/">blue__</a></strong> <span class="text-muted">Tarih: 11.04.2005 18:54</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> saolun paylaştığınız için. </div> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-136/">akillideli</a></strong> <span class="text-muted">Tarih: 29.03.2005 00:31</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> ellerine salik usta sagol </div> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-4485/">carisma55</a></strong> <span class="text-muted">Tarih: 28.03.2005 21:07</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> teşekkürler bi bakalım neler varmış <img src="http://www.main-board.com/img/ifadeler/4.gif"/> </div> </div> </div> </div> </div> <div class="container well"> <div class="row"> <div class="col-xs-12 col-md-12"> <div class="panel panel-default"> <div class="panel-heading"> <strong><a href="http://www.main-board.com/bilgin-9365/">Sword_Fish</a></strong> <span class="text-muted">Tarih: 28.03.2005 20:54</span> </div> <div class="panel-body"> <img style="border-radius:5px; padding-right:10px;" class="pull-left" src="http://www.main-board.com/img.php?src=v1/default-avatars.png&w=64&h=64" alt=""> teşekkürler </div> </div> </div> </div> </div> <!-- /resim-ana-yorum biter --> <div class="container"> <div class="row"> <script async src="//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js"></script> <!-- m-b.com-esnek --> <ins class="adsbygoogle" style="display:block" data-ad-client="ca-pub-3856933101328627" data-ad-slot="6671652747" data-ad-format="auto"></ins> <script> (adsbygoogle = window.adsbygoogle || []).push({}); </script> </div> </div> <div class="container"> <div class="row"> <nav class="navbar navbar-default"> <div class="container-fluid"> <div class="navbar-header"> <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1"> <span class="sr-only">Toggle navigation</span> <span class="icon-bar"></span> <span class="icon-bar"></span> <span class="icon-bar"></span> </button> <span class="navbar-brand">Farkı Fark Edenlerin Diyarı</span> </div> <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1"> <ul class="nav navbar-nav navbar-right"> <li><a href="http://www.main-board.com/kategori/36/board-sorunlari-ve-duyurular/">Board Sorunları Ve Duyurular</a></li> <li><a href="http://www.main-board.com/595626/forum-kurallari-2">Kurallar</a></li> <li><a href="http://www.main-board.com/populeruyeler/">Popüler Üyeler</a></li> <li><a href="http://www.main-board.com/bilginler/">Üyeler</a></li> <li><a href="http://www.main-board.com/editorler.php">Editörler</a></li> <li><a href="http://www.main-board.com/guncel.php">Güncel</a></li> <li><a href="http://www.main-board.com/etiketler.php">Etiketler</a></li> <li><a href="http://www.main-board.com/contact.php">İletişim</a></li> </ul> </div> </div> </nav> </div> </div> <script> (function(i,s,o,g,r,a,m){i['GoogleAnalyticsObject']=r;i[r]=i[r]||function(){ (i[r].q=i[r].q||[]).push(arguments)},i[r].l=1*new Date();a=s.createElement(o), m=s.getElementsByTagName(o)[0];a.async=1;a.src=g;m.parentNode.insertBefore(a,m) })(window,document,'script','https://www.google-analytics.com/analytics.js','ga'); ga('create', 'UA-6135056-95', 'auto'); ga('send', 'pageview'); </script> </body> </html>