03-26-2007
|
#1
|
|
|
HTML - HTML 0’Dan Temel Anlatım
HTML :
<Html>……</Html>
Evet Başladık. Hade Bismillah Web Sayfamız İle İlgili Bütün Komutlar Ve Deyimler Bu İki Kod Arasına Yazılır.Yani her şeycikleri bu deyimlerin arasına yazcaz….
HEAD:
<Head>….</Head>
Sayfa Başlığı , link özelikleri ve web sayfası ile ilgili bütün temel özellikler burada yer alır.
Sitedeki Bir çok şeyi yazıların ve linklerin biçimini,rengini,büyüklüğünü Ayarlaya bildiğimiz CSS Kodlar (Ki Daha Bunun anlatımınıda CW de Görceksiniz) buraya konur.
TİTLE :
<Title>….</Title>
Her Sitede bir isim vardır.mesela Bizim Sitemizde
www.forumti.com
İşte Bunu Yapmamız İçin Yani Yaptıgımız Sayfanın Başına İsim yazmamız İçin
Bu komut kullanılır.
BODY
<bOdy>….</bOdy>
İşte Web Sayfasını Yapmaya Daha Yeni Başlıyoruz : =)
Sitedeki bütün komutların hepicigi buraya yazılır.Sitedeki resimler….
Her şey buradadır…
<!- - ……………… - ->
Burada da bütün programlama dillerinde açıklama bölümleri vardır.işte htmlde bunu kullancagız. Yani kısacası bir not bıraktıgımızda tekrar dönüp baktıgımzda daha kolay bulup anlayabiliriz. 
Hemen Basit Bir Örnek Yapalım….
<Html>
<Head>
<Title>Hele Bu İlk Deneme Sayfamız</Title>
</Head>
<bOdy>
<!—Bütün Programlama Derslerinde Gelecek Olan Bişiyi Yapalım - ->
Merhaba Dünya 
</bOdy>
</Html>
BR [ Etiketi ]
<Br> …..</Br>
Etiketimiz Yazdığımız Metinlerde Bir alt satıra geçmemizi sağlar. Yani html de yazdığımız metinlerde biz bir alt satıra geçsek te aslında “<br>” komutunu kullanamadan bir alt satıra gaçemeyiz…
CENTER
“ <Center>…</Center>”
Center Adından da Anlaşılacagı Gibi nesneleri ortalamaya yarar. Yani yazdıgımız yazıyı koydugumuz resmi sayfada ortalamamıza yarar.
H?
“<H?>…</H?>
Bu kod ise punto dediğimiz yazı büyüklüğünü ayarlar.sayfada kullanılan yazıların boyutlarını ayarlarız. “ ? “ yazdıgım yere
Ama burada ters bi durum vardır ki.
“ ? ” Yazdıgımız Sayı degeri büyüdükçe punto da küçülüyor.
FONT
<Font>…..</Font>
Font yazı tipi ni ayarladığımız bir koddur.
Bunun için farklı bölümler vardır yalnız ;
SIZE :Yazımızın Büyüklüğü
COLOR : Yazımızın rengi.
FACE : Yazdığımız Yanın Yazı Tipi
B [ BOLD] ( Kalın Yazı)
<B>… </B>
Yazıdıgımız Yazılarımızı Kalınlaştır.
U [ UNDERLİNE ] ( Altı Çizili Yazı)
<U>….</U>
Yazdıgımız Yazılarımın Altı çizili olmasını saglar.
I [ ITALIC ] ( İtalik Yazı )
<i>…….</i>
Hepimiz biliyoruz bunu fazla söze ne hacet yazıyı italik stilinde yazar.
SUP
<Sup></Sup>
İki deyim arasına yazılan metin üstindis olarak işlem görür.
SUB
<SUB></SUB>
Bu iki deyim arasına yazılan metin altindis olarak işlem görür.
Şimdi de 2. Örneğimiz...
<Html>
<Head>
<Title> Deneme Sayfamız 2 </Title>
</Head>
<bOdy>
<Font Size=”5” Color=”Red” Face=”Verdana”>
<Center>
<b>Burada Kalın Yazdık </b><br>
<i>Aha da Burada İtalik </i><br>
<u>Altınada Bi Cızık attık mı </u><br>
</Center>
</bOdy>
</Html>
PRE
<Pre>…</Pre>
Web sayfası yazarken daha önce de bahsettiğim gibi <br> komutu ile alt satıra geçeriz ..
İşte bu komutla yada şöyle dim bu komutların arasına yazdıklarımız yazılarımızı aynen not defterinde yazdıgımız gibi ekranda çıkar.
ALIGN
<P Align=”Left /Center/Right ”></P>
Eger uzun bir metin paragrafla belirtilmek istenirse ;
<p align=”Right”> Saga Dayalı..
<p align=”Left”> Sola Dayalı..
<p align=”Center”> Ortalı : )
Sayfaya Art Alan Ekleme
Bu İşlem <bOdy> komutu ile yapılır. Bundan daha önce bahsetmedim demi : )
Evet <bOdy> komutu ile kullanılır.
Şimdi yavaş yavaş işimize başlayalım….
Art Alan Rengini Belirleme
<BOdy Bgcolor=” R e n k “></BOdy>
Renk = İşte buraya istediğimiz rengi koyarız
Bunlar ing isimleride olabilir (Red,Green,White,Blue,black)
Yada kodları bunları ayrı yeten veririm.
Örnek :
<Html>
<Head>
<Title>Arka Plana Renk Koyma</Title>
<BOdy BgColor=”Red”>
<br><b>
Şimdilik Bu Kadar</b>
</BOdy>
</Html>
Art Alana Resim Ekleme
Art alanımıza resim eklemek için aynı keza yine bOdy komutunu kullancagız.
<BOdy Background=”File………”></BOdy>
File=Buraya koymak istegimiz resmin adresini verdiğimiz takdirde olay bitmiştir.
Örnek :
<Html>
<Head>
<Title>Arka Plana resim Ekleme</Title>
</Head>
<BOdy Background=”c:\\testere\\cw.jpg”>
<b> “ Tek Kral Var Cyber Warrior “
</BOdy>
</Html>
Sayfaya Yatay Çizgi Ekleme ;
HR
<Hr>….</Hr>
“Hr” komutu ile sayfamıza yatay çizgi ekleriz.
Parametreleri
WIDTH : eklediğimiz yatay çizginin uzunlugunu ayarlarız ister piksel olarak ister yüzde olarak ayarlaya biliriz.
SIZE : eklediğimiz çizgini kalınlıgını aha buradan ayarlarızç
COLOR : İşte malum çizgimizin renginide buradan belirleriz.
NOSHADE :bununlada eklediğimiz çizginin gölgesini kaldırır.
Örnek =
<Html>
<Head>
<Title>Yatay Çizgi Ekleme</Title>
</Head>
<BOdy Bgcolor=”black”>
<Center>
<Font Color=”red” size=”5” Face=”Verdana”>
<Hr Width=”150” color=”black” Size=”2”>
<Hr Width=”150” color=”green” Size=”2”>
</Center>
</BOdy>
</Html>
Sayfaya Resim Ekleme
IMG
Yaptıgımız sayfalarımıza resim eklemek için kullanılır.
<img src=”Resmin Adresi” height=”Yükseklik” width=”Genişlik” Alt=”Açıklama”></img>
Şimdi bunu bir örnekle açıklayalım……
<Html>
<Head>
<Title>Resim Ekleme</Title>
</Head>
<BOdy>
<b>
<img src=”c:\\f3arless\\index\\hacked.jpg” height=”800” width=”600” Alt=”Bu site hacklenmiştir.”</img>
</BOdy>
</Html>
Parametreler…
Src = Kullanacağımız resmin adresi…..
Height = Resmin yüksekliği…
Width= Kullandıgımız resmin genişliği
Alt=Resme açıklama yazmamıza yarar. yani resmin üzerine geldiğinde bir açıklama çıkıyor ya aha işte bunu buradan yaparız.
__________________
Msn İRTİßaT !...KeşKe ßu kadar ßüyük Sevdirmeseydin Kendini...!
|
|
|