sunu (html-2)
TRANSCRIPT
- 1. HTML ETKETLER 6.5.2014 1
2. Paragraf Biimlendirme Etiketleri Bu etiket, ieriinde beyaz boluk olarak ifade edilen, boluk, sekme (tab) ve satr sonu gibi karakterlerin korunarak, karakterlerin sabit genilikte gsterilmesini salar. 6.5.2014 2 3. RNEK Buras PRE etiketi deneme satrdr. 6.5.2014 3 4. Paragraf Biimlendirme Etiketleri
etiketi html dizgisi ierisinde " Paragraf " anlamna gelir. zellikle metin girdilerinizi bu etiketle kapsamanz hem biimlendirme yaparken hem de gsterim esnasnda size byk kolaylklar salar. Bu etiket belli bir standard temsil ettii iin en sk kullanlan etiketlerden de bir tanesidir. 6.5.2014 4 5. RNEK
Bu konuda yazlabilecek pek ok konu olduu halde burada brakmak istiyoruz.
Ancak farkl bir paragraf aarak yazmaya devam edebiliriz.
6.5.2014 5 6. Paragraf Biimlendirme Etiketleri
Satr atlamak iin
etiketi kullanlr. Ancak bu etiketin yeni bir paragraf amadn da
unutmaynz. 6.5.2014 6 rnek:
Bu
bir
ok satrl paragraftr.
Bu Bir ok satrl paragraftr. 7. Paragraf Biimlendirme Etiketleri
Sayfada yatay bir izgi izer. Bu etiketinde
etiketi gibi sonlandrcs yoktur. Yani bu etiket bir yorum aral
belirtmez. Bu etiket ile tanmlanabilecek deiik zellik vardr.
6.5.2014 7 8. RNEK Bu kod, sayfa geniliinde kaln ve mavi bir izgi
izer. 6.5.2014 8 9. Balk Etiketleri Bu etiketler basit olarak bir
balk kullanmak istediimiz zaman, bal yazmak iin kullanlan
etikettir. Etiketin kullanmnda Hx ifadesindeki x 1 ile 6 arasnda
deerler alabilen bir tamsaydr. Bu etiket ile ekrana baslabilecek en
byk boyutlu yaz etiketi ile, en kk boyutlu yaz etiketi ile baslr.
6.5.2014 9 10. Balk Etiketleri Bu etiket ile birlikte bir nceki
etiket olan
etiketindeki gibi drt yer belirleme kodu kullanlabilir. Etiketin kullanm Bu balk yazs eklindedir. Etiketin yorum aralndaki metin balk olarak ekrana baslr. 6.5.2014 10 11. RNEK Bu balk yazs Bu balk yazs Bu balk yazs Bu balk yazs Bu balk yazs Bu balk yazs 6.5.2014 11 12. 6.5.2014 12 13. 6.5.2014 13 Yaz Etiketleri Aklamalar : Yazlarn boyutu, rengi ,ekli ile ilgili komutlar buraya yazlr. : Yaz tipini belirtir. : Yaz boyutunu belirtir. : Yaz rengini belirtir. ... : Yaznn kaln olmasn salar. ... : Yaznn italik(yana yatk) olmasn salar. 14. 6.5.2014 14 Yaz Etiketleri Aklamalar ... : Yaznn zeri izili olmasn salar. : Yaznn alt izili olmasn salar. : Yaznn byk olmasn salar. : Yaznn kk olmasn salar. 15. RNEK UYGUALAMALI NTERNET PROGRAMLAMA 6.5.2014 15 16. Tanmlama Listeleri Terimler ve aklamalarn ieren listeler oluturmakta kullanlrlar. Bir uygulamann komut satr seeneklerini listelemek ve altlarnda aklamalarn vermek iin kullanldr. ve etiketleri etiketinin yorum aral iinde kullanlr. etiketi terim, etiketi ise aklamas iin kullanlr. 6.5.2014 16 17. RNEK < dl> align=left Paragraf soya dayal olarak yazar. align=right Paragraf saa dayal olarak yazar. 6.5.2014 17 18. DER LSTELER
- etiketi kullanlarak oluturulan listeler sral listelerdir. Sralama saysal, alfabetik ya da romen rakamlar ile yaplabilir.
- etiketi ile oluturulan listelerde ise sralama eleman bir grafik semboldr.
- etiketi bu etiketlerin yorum aralnda kullanlarak liste eleri
verilir. 6.5.2014 18 19. 6.5.2014 19 20. Sralamasz liste (
- ) tr deerleri: Sralamasz listlerde liste elerini belirtmek iin 3 sembol ismi kullanlr: 1. disc - i dolu bir daire grntler 2. circle - i bo bir daire grntler 3. square - i dolu ya da bo bir kare grntler. 6.5.2014 20 21. 6.5.2014 21 22. RNEK
- Birinci e
- ikinci e
- ikinci enin bir esi
- ikinci enin baka bir esi
- nc e
Soyadnz: 6.5.2014 48 49. Seenek Butonlar (Radio Buttons) Kullancnn birok seenek iinden sadece bir tanesini seebilmesini istediiniz zaman bunu kullanrsnz. rnek: Erkek
Kadn 6.5.2014 49 50. Kontrol kutular (Checkboxes) Kullancnn, sunulan seenekler iinden istedii kadar semesini salamak iin bunu kullanabilirsiniz. rnek: Bir bisikletim var:
Bir arabam var:
Bir uam var: 6.5.2014 50 51. Formlarda "Action" Parametresi ve "Submit" Butonu Kullanc submit (gnder) butonuna tkladnda girilen bilgiler baka bir sayfaya gnderilir. Action parametresinde ise bilgilerin hangi dosyaya gnderilecei belirtilir. Bilgilerin gnderildii dosya, genellikle gelen bilgilerle ilgili ne tr ilem yaplaca hakknda bilgiler ierir. 6.5.2014 51 52. RNEK Kullanc Ad: 6.5.2014 52 53. Alr Seim Kutusu Seim kutusu eklemenin dier bir yolu da kodudur. Bunun kullanm aadaki gibidir. rnek: Beyaz Krmz Siyah 6.5.2014 53 54. Image Map IMAGE map'ler kullancnn belirli bir resmin deiik alanlarna tkladnda farkl adreslere gidebilmesine olanak tanr. ki ekilde hazrlanabilecek Image Map'ler istee gre HTML sayfasna veya sunucu zerindeki baka bir dosyaya yerletirilebilir. Biz bu konumuzda HTML sayfalarna yerletirilen Image Map'leri inceleyecek Paint Shop Pro yardmyla bir resmin haritasnn nasl karlacan gstereceiz. 6.5.2014 54 55. RNEK 6.5.2014 55 56. ncelikle HTML sayfasnda yukardaki gibi kodlar kullanr ve istediimiz resimde hangi noktalara tklandnda hangi adreslere balanlacan belirtiriz. Daha sonra gibi bir ifade kullanlarak haritasnn karlmasn istediimiz resmi sayfaya yerletirir ve bu resim iin ' map1' isimli haritann kullanlacan belirtiriz. 6.5.2014 56 57. MAP TAG'I AREA taklaryla tanmlanan haritaya balang yapar ve bir isim verir. AREA COORDS Tanmlanan ekle gre deiik koordinatlar girebilmenizi salar. 6.5.2014 57 58. SHAPE=tip Tip RECTANGLE, CIRCLE, POLYGON seeneklerinden biri olabilir. RECTANGLE Bir kare tanmlar ve ' x1, y1, x2, y2' deerleri kullanlr. CIRCLE Bir ember tanmlar ve ' OrtaX, OrtaY, Yarap' deerleri kullanlr. POLYGON Bir poligon tanmlar. Birok noktadan oluabilir. HREF ekle tklandnda hangi adrese gidileceini belirler. TARGET Gidilecek adresin hangi pencerede alacan belirler. 6.5.2014 58