|
HTML YAZI KODLARI <html>ile baslar
</html>ile biter . Sitenizde olmasi gereken hersey
bu arada yer alacak
Sitemizin adinin yer aldigi Title'lin, Meta Tag denilen, arama motorlarynda
bulunmanizi kolaylastiran seylerin yazildigi yerdir. Sitede birçok ?eyi, yazylaryn
biçimlerini, büyüklüklerini, renklerini belirleyip i?imizi epey kolayla?tyran CSS ler
de buraya konur. Javacript denen bazy ?eyler de... Bunlary söyledim ama kafanyz
kary?masyn, zamany gelince onlaryn neler oldu?unu anlataca?ym. ?imdilik geçelim.
Her sitenin bir ady olmasy gerekir.
Biliyorsunuz insanlar bir?eyi ararken adyny yazyp ararlar...
Burasy web sayfanyzda olmasyny istedi?iniz yazy ve resimlerin bulundu?u bölüm.
Buradaki komutlaryn neler oldu?unu syrayla ö?reneceksiniz. Ama önce, sayfamyzy ?öyle
bir görelim de?il mi? ilk sayfada bu yazy olsun istiyorsak: "baha40n, seni çok
seviyoruz! " Haydi bakalym deneyelim: ............... Yazynyn
büyüklü?ü için "size" yazy tipi için "face" Yazy rengi için
"color" komutlaryny kullanmanyz gerekir. A?a?ydaki örne?i yazyn: baha40n seni çok seviyoruz Yazylaryn
yerinin
komutundan sonra gelmesi gerekti?ini unutmayyn.
baha40n seni çok seviyoruz
Ysterseniz yapty?ymyzyn neye benzedi?ine bakalym. ?imdi tek tek tekrar edelim.
YAZI BÜYÜKLÜ?Ü font size="5" 5 yerine 2, 3, 4, 6 yazabilirsiniz. Ayryca
yazynyzy a?a?ydaki kodlaryn arasyna da yazabilirsiniz.. Yine a?a?yda gördü?ünüz
büyüklüklerde görünür.
baha40n
baha40n
baha40n
YAZI RENGY Renkler için ya renk
kodunu ya da ingilizce adyny yazmalysynyz. color="red" yerine, farkly renk
isimleri yazyn. red - kyrmyzy blue - mavi yellow - sary white - beyaz black - siyah vs..
Kodlarla yazmak istiyorsanyz, color="#FF0000" renk ady yerine kod yazmanyz
gerekir. red - #ff0000 blue - #0000ff yellow - #ffff00 white - #ffffff black - #000000
Dikkat ettiyseniz color=" " tyrnak i?aretleri arasynda renk adyny kullanyrken #
i?aretini yazmyyoruz. Onu sadece renk kodlaryny yazarkenkullanyyoruz. YAZI TYPY
face="Arial" yerine Verdana, Arial Narrow, Times New Roman, Comic Sans MS,
Helvetica, sans-serif, gibi yazy tipi adlaryny yazarsanyz yazynyz o biçimde
görünecektir. Ama çok önemli bir ?ey var... Bir yazy tipi, ancak ba?kasynyn
bilgisayarynda da o yazydan varsa görünür. Yoksa yapty?ynyz bir i?e yaramaz.Bu yüzden,
örnek olsun diye bakty?ynyz sayfadaki font isimlerini kullanmaya kalkmayyn :))) Yukaryda
yazdy?ym örneklerle yetinmelisiniz ?imdilik. Yazylaryn sayfanyn neresinde durmasy
gerekti?ine biz karar verebiliriz. Hiçbir ?ey yazmazsak, Sayfanyn solunda dururlar. ....
Yazynyzy .... arasyna yazarsanyz. Sayfanyn ortasynda görünür.
Paragraf yapmak için kullanylyr. Ayryca yazy yerle?tirmelerinde de i?e yarar.
Sola dayaly olmasy için:
Yazynyzy buraya yazacaksynyz
Ortada olmasy için:
Yazynyzy buraya yazacaksynyz
Sa?a dayaly olmasy için:
Yazynyzy buraya yazacaksynyz
Satyrba?y ve paragraf yapmak
Klavyede yazarken alt satyra inmek için enter tu?unu kullanyyorsunuz. Ama web sayfasy
hazyrlarken bu i?e yaramaz. Alt satyra inmek istedi?inizi sizin kod yazarak belirtmeniz
gerekir.
yazdy?ynyz zaman, yazynyzy satyrba?y yapmadan yazmy? olsanyz bile, yazynyz web sayfanyzda
satyrba?y yapylmy? olarak görünür. Paragraf, Hem satyrba?y hem de bir satyr bo?luk
olmasy demektir.
Bu iki komutun di?erlerinden bir farky var. Yazdy?ynyz her komutu "/"
i?aretiyle kapatmak zorundasynyz. Ama bu ikisinde bunu yapmanyz gerekmez. Bazen yazymyzyn
di?er yazylardan ayrylmasy için onu daha belirgin yapmamyz gerekir. Bunun ady:
"Bold" yapmak, yani yazyyy daha kalyn ve siyah yazmak. Kalyn (Bold) yazy Yazynyzy buraya yazacaksynyz Yazyyy e?ik yazmak için
kullanaca?ynyz kod ise böyle... E?ik (Ytalik) yazy Yazynyzy buraya yazacaksynyz
Yazynyzyn altyna çizgi çekmek istiyorsanyz bu kodu kullanacaksynyz. Ama dikkat etmeniz
gereken bir?ey var. Biliyorsunuz, link verilen kelimelerin de alty çizgili oluyor. Yani
alty çizgili bir kelime gördü?ümüzde aklymyza gelen ?ey ba?ka bir sayfaya gidecek
olmamyz... Siz link vermedi?iniz kelimeleri alty çizgili yaparsanyz, insanlary yanyltmy?
olacaksynyz. Onun için dikkat edin ... Alty çizgili (underline) yazy Yazynyzy buraya
yazacaksynyz Peki... Hem kalyn hem e?ik yazmak istersek ne yapaca?yz? O zaman her iki
kodu da pe?pe?e kullanaca?yz. Yani ne kadar özellik vermek istiyorsak onlaryn hepsini kod
olarak pe?pe?e yazabiliriz. Ama kodlary kapatmayy hiçbir zaman unutmayyn. Yazynyzy
buraya yazacaksynyz Merhaba arkada?lar, Bakyyorum baya?y ilerlediniz.. Yakynda
beni bile geçeceksiniz. Bu hafta sizlerle sayfamyza resim yerle?tirmeyi ö?renelim...
Size bir syr vereyim mi? Bu dersleri çaly?yrken winamp'y açalym ve öyle çaly?maya
ba?layalym:) Böylece hem e?lenir hem ö?reniriz ... Sayfalarymyzyn daha güzel
görünmesi için grafiklere ihtiyacymyz vardyr. Bu grafiklere biz resim diyelim:) Mesela
buttonlar yaptyk bunlary nasyl yerle?tirece?iz? Gelin ?imdi bunu ö?renelim... Resimleri
sayfamyza yerle?tirmeye yarayan etiketimiz img src="resmin ady" etiketidir.
Tyrnak i?aretlerinin arasyna koyaca?ymyz resmin adyny yazaryz. ?imdi bunu bir örnekle
gösterelim: Resim ekliyoruz
Evet i?te oldu sayfamyza resmimizi yerle?tirdik. Ama ?imdi sadece solda duruyor.
Ortaya ya da sa?a hizalanmasy isteseydik, a?a?ydaki kodlary yazmamyz gerekecekti. Resmin
ortaya hizalanmasy Resmin sa?a hizalanmasy Resmimizin boyutlaryny da
belirleyebiliriz. Bunun için resmin geni?li?ini ve yüksekli?ini yazmamyz gerekir.
"width=230 height=252" etiketlerini kodumuza ekleriz. Resmin üzerine
gelince görünen yazy Mouse'umuzu yani faremizi sayfamyzdaki bir resmin ya da grafik
unsurun üstüne getirdi?imizde görünen açyklama metni koyabiliriz. Bu metinde resmin
ady, sitemiz hakkynda bilgi bulunabilir. ?imdi bir hatyrlatma... Resimlerimiz ile
.htm dosyalarymyz ayny klasör de olmaly. Yoksa resimlerimiz gözükmez. Onun yerine bir
çarpy i?areti görmekte pek ho? olmaz.son bir not tüm yaptyklarynyzy denemek için
illaki internete ba?lanmanyz gerekmiyor not defterinde bile yaptyklarynyzy
deneyebilirsiniz nasyl my?i?lemlerinizi farkly kaydet ile kayyt edip dosya ismini
index.htm veya html olarak ver yanlyz yaptygyn hersey ayny klasörde olmaly class
dosyalary,resimler vs vs sonra index dosyany tykla ve yaptyklaryn kar?ynda...
HTML DERSLERY
BO?LUK:Böylece uygun
gördü?ünüz yerlerde kullanarak bo?luk
byrakabilirsiniz
HTML RENK KODLARI
FF0000 kyrmyzy
FFFFFF beyaz
000000
siyah...........açyk...333333,666666
0000FF mavi
...........koyu...0000CC,000099..açyk..0033FF,0066FF,0099FF,3399FF,00CCFF,66CCFF
FFCC00 sary
............koyu...CC9900,FFFF00...açyk..FFFF99,0000CC,FFCC66,FFCC99
C0C0C0 gümü?
00CC00 ye?il
FF9933 portakal
663333 kahverengi
..koyu...663300...açyk...996600,CC9900
999999 gri
..............açyk...CCCCCC
FF00FF pembe ... ...açyk...FF99FF
Black,olive,teal,red,blue,maroon,gray,lime,white,green,purple,silver,yellow,aqua,
Hareketli yazy formaty
<marquee>.....</marquee>
NOT:Bu komut icine yazylan metinler
ekranda sa? kenardan ba?layyp sola do?ru kayarak hareket eder.
Sayfada yanip sönen metin
<blink>.....</blink>
<font face=#>.....</font>
<font face=arial>
haberci34</font>
Sayfadaki
bir yazynyn ?eklini, tipini de?i?tirmek , yanyp sönmesini sa?layarak dikkat çekmesini
istiyorsak vb.. kullanaca?ymyz etiketleri hatyrlatyrsak ;
<B>yazy</B>
Bold,kalyn
<Blink>yazy</Blink> Blink,yanyp sönen
<I>yazy</I>
Italic,yatyk
<U>yazy</U>
Underline,alty çizgili
Mesela tmath.html sayfasyna girip Ege Universitesi Matematik
Bölümü yazysyny yanyp sönen ve alty çizgili yazmak için yapmamyz gereken
<blink><u>Ege Universitesi Matematik
Bölümü</blink></u> satyryny
yazmamyzdyr.
SAYFADAKY YAZILARI ORTALAMAK
Sayfada önemli bir yeri ortalamak istersek kullanaca?ymyz etiket
<center>.........</center> dir.
Mesela amac.html sayfasyndaki
matematik kütüphanesi yazysyny ortalamak gerekirse yapmamyz gereken
<center>Matematik Kütüphanesi</center>
satyryny yazmamyzdyr.
SAYFADAN LINK ATMAK
Sayfamyzdan
bir yere ba?lanty için,sayfa üzerinden ba?ka bir sayfaya veya adrese ba?lanmak için
linklerin kullanyldy?yny biliyoruz.Bu kullanym için etiketimiz <a
href="URL">Açyklayycy Yfade</A> ?eklindedir.Burada URL diye belirtilen
ise ba?lanaca?ymyz yerin adresidir.
Mesela tmath.html sayfasyna girip <a
href="amaç.html">Bölümümüzün Amacy</A> satyryny eklersek
tmath.html sayfamyzda Bölümümüzün Amacy yazan yerde link ba?lantysy olu?acak ve
üzerine mouse ile tyklandy?y zaman da amaç.html sayfasyna geçilecektir. ?imdilik bu kadar....
HTML DERSLERY BOSLUK:Böylece uygun gördüGünüz yerlerde kullanarak
boSluk byrakabilirsiniz HTML RENK KODLARI FF0000 kyrmyzy FFFFFF beyaz 000000
siyah...........açyk...333333,666666 0000FF mavi
...........koyu...0000CC,000099..açyk..0033FF,0066FF,0099FF,3399FF,00CCFF,66CCFF FFCC00
sary ............koyu...CC9900,FFFF00...açyk..FFFF99,0000CC,FFCC66,FFCC99 C0C0C0 gümü?
00CC00 ye?il FF9933 portakal 663333 kahverengi ..koyu...663300...açyk...996600,CC9900
999999 gri ..............açyk...CCCCCC FF00FF pembe ... ...açyk...FF99FF
Black,olive,teal,red,blue,maroon,gray,lime,white,green,purple,silver,yellow,aqua,
Hareketli yazy formaty
HTML KODLARI >>>>
|
