Sunuyu indir
Sunum yükleniyor. Lütfen bekleyiniz
1
Metin ve Görünüm Etiketleri Bağlantı (Köprü) Oluşturma
Nbp105 web tasarım temelleri Öğr. Gör. Dr. Ufuk tanyeri
2
Metin ve Görünüm Etiketleri [1]
<p>Burası normal bir metin - <b>ve burası koyu yazılmış metin</b>.</p> <center>Bu metin ortaya hizalanmıştır</center> <font size="3" color="red">Öylesine bir metin!</font> <font size="2" color="blue">Öylesine bir metin!</font> <font face="verdana" color="green">Öylesine bir metin!</font> <strong>Vurgulanacak metin</strong>
![Metin ve Görünüm Etiketleri [1]](http://slideplayer.biz.tr/slide/13625155/83/images/2/Metin+ve+G%C3%B6r%C3%BCn%C3%BCm+Etiketleri+%5B1%5D.jpg "<p>Burası normal bir metin - <b>ve burası koyu yazılmış metin</b>.</p> <center>Bu metin ortaya hizalanmıştır</center> <font size= 3 color= red >Öylesine bir metin!</font> <font size= 2 color= blue >Öylesine bir metin!</font> <font face= verdana color= green >Öylesine bir metin!</font> <strong>Vurgulanacak metin</strong>")
3
Metin ve Görünüm Etiketleri [1]
<img src="smiley.gif" alt="Smiley face" height="42" width="42"> <img src="planets.gif" width="145" height="126" alt="Planets" usemap="#planetmap"> <map name="planetmap"> <area shape="rect" coords="0,0,82,126" href="sun.htm" alt="Sun"> <area shape="circle" coords="90,58,3" href="mercur.htm" alt="Mercury"> <area shape="circle" coords="124,58,8" href="venus.htm" alt="Venus"> </map>
![Metin ve Görünüm Etiketleri [1]](http://slideplayer.biz.tr/slide/13625155/83/images/3/Metin+ve+G%C3%B6r%C3%BCn%C3%BCm+Etiketleri+%5B1%5D.jpg "<img src= smiley.gif alt= Smiley face height= 42 width= 42 > <img src= planets.gif width= 145 height= 126 alt= Planets usemap= #planetmap > <map name= planetmap > <area shape= rect coords= 0,0,82,126 href= sun.htm alt= Sun > <area shape= circle coords= 90,58,3 href= mercur.htm alt= Mercury > <area shape= circle coords= 124,58,8 href= venus.htm alt= Venus > </map>")
4
Bağlantı (Köprü) Oluşturma [2]
<a href="URL"> <a href="#top">Yukarı git</a> <a gönder!</a> <a mail.com &subject=Toplantı&body=Acilen%20toplantı%20yapmamız%20%20gerekli!"> E-posta gönder!</a>
![Bağlantı (Köprü) Oluşturma [2]](http://slideplayer.biz.tr/slide/13625155/83/images/4/Ba%C4%9Flant%C4%B1+%28K%C3%B6pr%C3%BC%29+Olu%C5%9Fturma+%5B2%5D.jpg "<a href= URL > <a href= #top >Yukarı git</a> <a href= Subject=Merhaba >E-posta gönder!</a> <a href= mail.com. &subject=Toplantı&body=Acilen%20toplantı%20yapmamız%20%20gerekli! > E-posta gönder!</a>")
5
Alıştırma Adınıza kayıtlı e-posta adresinden, adresine, konusu «proje hakkında» olan ve herhangi bir arkadaşınızın adresine de kopyasını gönderen, konu olarak da proje konusu önerisi yazdığınız bir bağlantı yazınız. Yazdığınız bağlantı, «E-posta gönder» metnine bağlansın. E-posta gönder yazısının font’u verdana rengi mavi olsun.
6
Alıştırmanın Çözümü <!DOCTYPE html> <html> <body>
<a &subject=proje%20konusu%20önerisi" target="_top"> <font face="verdana" color="blue">E-posta gönder</font> </a> </p> </body> </html>
7
Kaynaklar [1] HTML5 Tutorial. (n.d.). Erişim Tarihi 14 Kasım 2017, [2] HTML5 Tutorial. (n.d.). Erişim Tarihi 14 Kasım 2017,
![Kaynaklar [1] HTML5 Tutorial. (n.d.). Erişim Tarihi 14 Kasım 2017,](http://slideplayer.biz.tr/slide/13625155/83/images/7/Kaynaklar+%5B1%5D+HTML5+Tutorial.+%28n.d.%29.+Eri%C5%9Fim+Tarihi+14+Kas%C4%B1m+2017%2C.jpg "[2] HTML5 Tutorial. (n.d.). Erişim Tarihi 14 Kasım 2017,")
Benzer bir sunumlar
