Forum
Aktif konular
Üyeler
Kurallar
Arama
Döküman 2 : HTML Giriş 2/3 Döküman 2 : HTML Giriş 2/3
-
Tamam bunlarıda öğrendik peki ben resimde yazıda vs. de hizalamayı nasıl yaparım ? mesela ben ortada veya en sağda dursun istiyorum ?
Hizalama işi basit zaten kodlardada gördüyseniz biraz ingilizceniz varsa kolayca html öğrenirsiniz.Hizalamak için 3 tane kodumuz var.
<p align="right"> hizalama işini basit olarak böyle yapabiliriz burda önemli olan yer align="......." kısmıdır.Örnek yapalım...
Bu yazı solda align="Left" parametresini kullandık
Bu yazı ortada align="Center" parametresini kullandık
Buda en sağda align="right" parametresi kullandık.
Resimleri hizalarkende aynı mantık devreye girer örneğin;
Yukarıdaki Resmi Hizalarken <img src="Goz2.jpg" align="left" width="93" height="86"> Komutumuzu kullandık...
Yukarıdaki Resmi Hizalarken <img src="Goz2.jpg" align="center" width="93" height="86"> Komutumuzu kullandık...
Yukarıdaki Resmi Hizalarken <img src="Goz2.jpg" align="right" width="93" height="86"> Komutumuzu kullandık...
İşe yarar bazı etiketler öğrenelim ve biraz ince noktalarına değinelim işin.
Tekrar hatırlatmak gerekirse sola hizalamak için left sağa hizalamak için right ortalamak içinde center parametremizi kullanıyoruz align="" şeklinde kullanılabileceği gibi direk <left><center> veya <right> olarakta kullanabilirsiniz size kalmış benim tavsiyem align kullanın.
Şimdi işin biraz inceliklerine dalalım biraz fazla kod ve ne işe yaradığını öğrenelim ve mantığımız pekişsin.
<hr> etiketi : Çoğu web sayfasında yatay çizgiler vardır nasıl ?
aha yukarıdaki gibi bu kod bize çok yarar sağlar örneğin soru cevap gibi bir form veya ard arda gelen veriler çekiyorsunuz araya bir hr atarsanız sayfamız daha düzenli görünecektir. Mesela bende konular arasına hr koysaydım fena olmazdı karışmazdı veya daha kolay görünürdü.Şimdi biraz detaya girelim;
yukarıdaki kodumuz aynen <hr color="red" width="60%" size="4"> budur.
artık parametreleri ve bazı şeyleri idraak etmişsinizdir heralde ben söylemeden bu kodun en temelinin <hr> olduğunu anlamışsınızdır artık :)
burda color="red" : den anlayacağınız gibi hr yani yatay çizgimizin rengini belirliyoruz eğer color="..." gibi renk kullanmazsanız hr siyah olarak standart rengini alacaktır.
width="60%" : bu yatay çizgimizin sayfamızın genişliğine oranıdır örneğin sayfanın genişliği 100 pixel ise bunun %60 kadarı yani 60 pixel olarak alacaktır.Yine bu parametreyi kullanmazsanız %100 olarak alır ve sayfanın tamamını kaplar nasılmı ?
aha böyle şuanda %100 boyutunu görüyoruz.
Size="4" kısmına gelirsek burda yatay çizginin boyuna kalınlığını verir.
örneğin <hr color="#FF0000" size="28" width="60%"> ben burda size parametresini 28 yaptım ve yukarıdaki gibi bir sonuç çıktı...
<sub>....</sub> : Bu etiketimizin amacı Yazılarımızı böyle yazmaktır. yani aşağıda yazar yazılarımızı...
<sup>.....</sup> : Bu etiketimizin amacı ise Yazılarımızı böyle yazmaktır. yani yukarıda yazar yazılarımızı... örnek : x2sub ile sup u karıştırmamanız için şöyle basit bir örnek vericem b ve p ye farkederseniz oval kısım yukarıda olan yukarıya aşağıda olan kısım aşağıya atar. b nin ovali aşağıda o yüzden aşağıda p de yukarıda o yüzden aşağıya alacaktır.
Hatırlarsanız renkler kısmını anlatmıştım size ve color="red" vs. diye tabir etmiştim genelde red,blue değilde renk kodları kullanılır sistemlerde ha ben renk kullanacağım derseniz o sizin bileceğiniz iş fakat bir web sitesini editlerken ki yeni öğreniyorsanız editleyeceksiniz tepki göreceksiniz adınız editçi kalacak herneyse site editlerken karşınıza color="#ff0000" diye çıktığı zaman çuvallamayın çünkü o renk kodudur yani renkleri ister red ister renk kodunu mesela #ff0000 kullanarak verebilirsiniz...
bir örnek yapalım
Yeah - TBT Müzik Editörü :) bu yazıyı <font color="#ff0000">Yeah - TBT Müzik Editörü :) </font> kodu ile oluşturdum.
Yeah - TBT Müzik Editörü :) bu yazıyı <font color="red">Yeah - TBT Müzik Editörü :) </font> kodu ile oluşturdum.Göründüğü üzere #ff0000 ve red aynı anlama geliyor. yani ha red kullanmışsınız ha #ff0000 kullanmışsınız aynı mesele benim tavsiyem renk kodları kullanın çünkü editörlerde dahil hepsi renk kodu kullanır. Bazı renk kodlarını verelim arkamızdan küfür etmeyin sonra :D
unutmadan renk kodunun önüne # işaretini koymayı unutmayın.
<p> Etiketi : Daha önce <br> etiketinin ne işe yaradığını söylemiştim tekrar söylemek gerekirse eğer 1 satır aşağı atlatıyordu yazıyı. <p> ise paragraf atlatır bir nevi 2 satır da diyebiliriz yani <br><br> kullanacağınız yerlerde direk <p> kullanabilirsiniz... yine aynı mantık <p>....</p> ile kapatabilirsiniz...
<big>....</big> : <big> etiketi yazılarımızı büyütmeye yarar örneğin ;
Yeah - TBT Müzik Editörü
kodu : <big>Yeah - TBT Müzik Editörü</big>peki daha daha büyük yazmak istersek ?
Yeah - TBT Müzik Editörü
kodu : <big> <big>Yeah - TBT Müzik Editörü</big></big>şeklinde big ne kadar eklersek yazıda o derecede büyür...büyüğünü icat etmiş elin gavuru küçüğünü icat etmezmi ?
<small>.....</small> : <small> etiketi de yazıları big in tersine küçültür.
Yeah - TBT Müzik Editörü
kodu : <small>Yeah - TBT Müzik Editörü</small>peki daha daha küçük yazmak istersek ?
Yeah - TBT Müzik Editörü
kodu : <small><small>Yeah - TBT Müzik Editörü</small></small><blockquote>.....</blockquote> : bu etiket paragraflarımızı bir satır ileriden başlatmamızı sağlar nasıl mı ?
Kodu : <blockquote> Yeah TBT Müzik Editörü </blockquote>Yeah TBT Müzik Editörü
Görüldüğü Üzere yazımı bir satır öncen başladı...
Bugünlükte bu kadar yeter...
döküman 3/3 de size frame,iframe,tablolar,marquee,bgsound ve embed kodlarını anlatmayı düşünüyorum.Form elemanlarına daha karar vermedim belki javascript konusundada anlatabilirim onu.<font color="Blue" size="2"><b>Döküman tamamen Buzul tarafından TAHRIBAT.COM için yazılmıştır, tüm hakları saklıdır Çalmayın Zira Çalarsanız çokta tınnn :) </b></font>
-
Abim yazılarını dikkatle takip ediyor. Bana öğret diyor ama zamanım yok. Çok güzel açıklıyorsun. Böyle giderse HTML bilmeyen murid kalmayacak tbt de :)
-
hocam aslında daha detaya inerim ama gerek yok :) fakat javascript asp,php de çok detaya inicem webmaster olmayan kalmayacak :D
-
BuZuL bunu yazdı:
-----------------------------
hocam aslında daha detaya inerim ama gerek yok :) fakat javascript asp,php de çok detaya inicem webmaster olmayan kalmayacak :D
-----------------------------
usta 10/6 derecede html bilgim var. eğer günde 3 saat basına gecsem pc nin yazın 1 haftada 10/10 yaparım. sonra asp a gececem. asp bittikten sonra java script ondan sonra php bunları yalayıp yuttuktan sonra .net car curt bunlra baslayacam. yasım 17 programlamayı 22 23 yasına kadar yalar yutarım diye düşünüyorum. :) Temeli senle atarız artık senin bilgilerle. kitap da almayı düşünüyorum... -
kitap alıp kazık yiyeceğine rapid al keyfe gel :D
hocam kitap alma sakn nette bir sürü var bu dökümanlar bitsin ben zaten elimdeki görsel ve yazılı arşivlerimi paylaşıcam bir kısmını :)
önce asp sonra js değilde şu dzene göre gidersen iyi olur
önce HTML
Sonra CSS
Sonra Javascript
Sonra Asp veya PHP
sonra .Netile devam et derim dökümanları takip edersen benim 3 ayda hepsini öğrenirsin hatta daha fazlası :D
-
BuZuL bunu yazdı:
-----------------------------kitap alıp kazık yiyeceğine rapid al keyfe gel :D
hocam kitap alma sakn nette bir sürü var bu dökümanlar bitsin ben zaten elimdeki görsel ve yazılı arşivlerimi paylaşıcam bir kısmını :)
önce asp sonra js değilde şu dzene göre iyi olur
önce HTML
Sonra CSS
Sonra Javascript
Sonra Asp veya PHP
sonra .Netile devam et derim dökümanları takip edersen benim 3 ayda hepsini öğrenirsin hatta daha fazlası :D
-----------------------------
öss den sonra 7 gün 24 saat pc basındayım. takip ederim. eğer 3 ayda öğrenirsem çok iyi olur. Ben asp ın java nın php nin ne derece zor olduuğunu bilmiyorum. html den biraz zor ise zordan kastım karısık hallederiz... Dokumanlarını sabırsızlıkla bekliyorum... -
Buzul harikasin yaa.Ne kadar oldu baslayali bu kacinci konu?Kacirdigim konu kaldimi?
-
Actigin konulari siralarmisisn pls
-
sen daha once nerdeydin hacı ya :) çok saol
-
yeaaahhhh
adım geçiyor diye demiyorum çok kral döküman olmuş hocam :P =)))
ellerine sağlık...
-
begendik : hocam html çıtır çerez :D asp html den çok daha zor ama işte html bilmedende asp öğrenilmiyor tek tek yazıcam herşeyi takip edin öğrenirsiniz...
esconda : henüz 2.konudayız profilimde linkleri verdim oradan yazdığım bütün dökümanları takip edebilirsiniz.
play2boy : ben hep buralardaydım sen nerelerdesin :D
yeah : yeah :D bundan sonra başrolde sen varsın sen kaşındın :D
Kısayol
Şikayet
Özel Mesaj
Alıntı yap
Cevapla