Önceki dersimizde bir HTML sayfasının temel yapısını görmüştük. Şimdi içeriğini nasıl oluşuturacağımızı görelim. Şimdi yazacağım kodlar <body> ile </body> arasına yazılıyorlar. İlk olarak bir yazıyı kalın, italik veya altı çizgili yapmayı öğreneceğiz. Kalın yapmak için: <b> İtalik yapmak için : <i> Altı çizgili yapmak için : <u> kodlarını kullanacağız. Eğer bir yazıyı kalın yazmak istiyorsak; HTML: <b>Bu Kalın Bir Yazıdır.</b> şeklinde yazarız. Bunun sonucuda şöyle olur : Bu Kalın Bir Yazıdır. Burada b yi aklınızda daha rahat tutmak için 'bold' un kısaltılmış hali diye öğrenebilirsiniz. Eğer italik yapmak istiyorsak; HTML: <i>Bu İtalik Bir Yazıdır.<i> şeklinde yaparız. Bunun sonucuda şöyle olur : Bu İtalik Bir Yazıdır. Buradaki i ise 'italic' in kısaltılmış halidir ki zaten günümüzdede italik olarak kullandığımız bir kelime. Altı çizgili yapmak istiyorsak ta; HTML: <u>Bu yazı altı çizgili bir yazıdır.</u> şeklinde yazabiliriz. Bunun sonucuda şöyle olur : Bu yazı altı çizgili bir yazıdır. Buradaki u neyin kısaltılmışı olabilir peki? Evet oda underline nın kısaltılmış halidir. Buraya kadar gayet kolay. Dikkat ettiyseniz forumlarda kullandığımız BB-CODE ye ne kadar da benziyor. Aslında BB-CODE de biraz HTML çakması gibi birşey Mesajlarda HTML kodlarının yollanması tehlikeli olacağından Örneğin bknz. yönlendirme yoluyla hack forumlarda HTML kodu giriş engellenmiş onun yerine bir çok işlevini gerçekleştiren BB-CODE kullanılmaya başlanmış. Neyse konunun fazla dışına çıkmadan şöyle devam edelim. Peki biz bir yazıyı hem kalın hemde italik yazmak istiyorsak ne olacak :S. Böyle bir durumda kodları iç içe yazacağız. Örneğin hem kalın hem italik bir yazı şöyle olur. HTML: <b><i>Bu yazı hem kalın hemde italiktir.</i></b> Görünşü : Bu yazı hem kalın hemde italiktir Burada <b> nin veya <i> nin önce açılmasının bir önemi yoktur. Ancak kapatırken dikkat etmemiz gereken bir nokta var. Sonra açılan tag önce kapatılması gerekir yani bu kodu şu şekilde yazmak yalnış bir kodlama tarzıdır. HTML: <b><i>Bu yazı hem kalın hemde italiktir.</b></i> yada <i><b>Bu yazı hem kalın hemde italiktir.</i></b> Bunların doğru hali ise HTML: <b><i>Bu yazı hem kalın hemde italiktir.</i></b> yada <i><b>Bu yazı hem kalın hemde italiktir.</b></i> Bazı durumlarda aynı sonucu verebilirler ama bazen sayfayı çok alakasız bir halede sokabilirler Eğer burada da bir problem yoksa devam edelim. Şimdi işler biraz karışacak çünkü yeni bir şey öğreniyoruz; parametre Nedir bu parametre? Bazı kodların birden fazla işlevi olabilir. Yada bir işlevin belli bir değer alması gerekebeilir. Mesela bir yazının boyutunu değiştirmek istiyorsunuz ama boyutu kaç olacak 10 mu 12 mi 25 mi vb. İşte buralarda devreye parametreler giriyor. Parametreler tek başlarına bir anlam ifade etmezler ancak bir kodla beraber yazıldıklarında o kodun işlevini belirlerler. Parametrelerin genel yazılışı şöyle olur; HTML: <kodun_adı parametrenin_adı="parametrenin_değeri"></kodun_adı> Dikkat ederseniz kodu açarken parametrenin adını ve değerini de yazıyoruz ancak kapatırken sadece adını yazmamız yeterli oluyor. Parametre olayını anladıysak şimdi bir yazının rengini, yazı stilini ve boyutunu değiştirelim. Bir yazının belirtmek için <font> kodunu kullanıyoruz bu <font> tek başına herhangi bir şey yazmıyor ancak parametrelerle birlikte kullanılınca ortaya bir şeyler çıkıyor. Bir yazının rengini ayarlamak için kullandığımız parametrenin adı color. Nereden geldiğini söylemeye gerek yok sanırım. Değer olarakte rengin ingilizce karşılıklarını alıyor kırmızı bir yazı için red mavi bir yazı için blue gibi. Genel yazım biçimi ise şöyle; HTML: <font color="red">Bu Kırmızı Bir Yazıdır.</font> Görüntüsü şöyle olacaktır : Bu Kırmızı Bir Yazıdır. Burada kullanabileceğimiz bir çok renk var. Birkaçını örnek vermek gerekirse; Red , Blue , Green , Yellow , Cyan , Magenta , Black , White vb. Bunların dışında birde renk kodları ile renkleri elde etme yöntemi var bus ayede istediğimiz her rengi oluşturabiliyoruz ama bunu burada anlatmayacağım. Bir yazının yazı tipini değiştirmek içinse face parametresini kullanıyoruz örnek olarak; HTML: <font face="Comic Sans MS">Bu yazı Comic Sans MS fontuyla yazılmıştır.</font> Bu yazı Comic Sans MS fontuyla yazılmıştır. Bir yazının boyutunu değiştirmek içinse size parametresini kullanıyoruz. Yalnız burada dikkat etmemiz gerekn şey size nin değerinin 1 ile 7 arasında olmak zorunda olması. Örnek olarak; HTML: <font size="4">Bu yazının yazı büyüklüğü 4 tür</font> Bu yazının yazı büyüklüğü 4 tür Son olarak burada kodları ben HTML: <html> <head> </head> <body> </body> </html> formatının içine yazmadım ama siz bu kodları en başta da belirttiğim gibi <body> ile </body> arasına yazın. Evet bu günlükte bu kadar gecikme için tekrar özür diliyorum bir sonraki dersimizde sayfamıza resim ekleme ve diğer sayfalara link vermeyi göreceğiz ve genel biçimlendirmek için bir kaç yeni kod göreceğiz. -

pardon aynı yere 2 kez yazdım...

sağolasın arkadaşım bilgi paylaşıldıkça güzeldir. saygılarımla..

tşkler... iyi döküman -

alınterşne sağlik

HTML dersleri Biliyorum forumda sürüsüyle HTML dersi var ama benim asıl amacım HTML dersi vermek değil AJAX dersi vermek bunun içinde HTML, Javascript, XML ve sunucu taraflı bir dilin iyi derecede bilinmesi gerekiyor. Ben de temel olsun diye sırasıyla HTML, Javascript ve sunucu taraflı bir dil olan PHP nin dersini vereceğim. En sonda da kısmet olursa AJAX. Yolumuz baya uzun anlıyacağınız. Umarım bir çok ders gibi yarım kalmaz. Neyse başlayalım yavaş yavaş. 1-)HTML nedir? HTML basit olarak web sitesi yapmak için bilinmesi gereken temel dildir. HTML ile sayfanıza yazı, resim, link vb. ekleyebilirsiniz tabi bunların her biri için belli başlı kodlar var. 2-)HTML kodları nereye yazılır? Günümüzde piyasada bir çok HTML editörü var ama öğrenmeye yeni başlıyorsanız dili iyice kavrayana kadar "Not Defteri" veya başka bir metin editörü en uygun seçim olur. 3-)Web tarayıcımın yazdığım kodların HTML kodu olduğunu anlaması için ne yaparım? HTML kodlarımızı metin editörüne yazdıktan sonra Dosya>Farklı Kaydet diyip daha sonra ismini yazıp sonuna.htm veya.html koyarak kaydederiz. Zaten daha sonra kaydettiğiniz yere baktığınızda dosyanın simgesinin kullandığınız tarayıcının simgesi gibi olduğunu görebilirsiniz. Şimdi bir örnek yapalım. Metin editörümüzün içine Merhaba Dünya yazıp giris.html olarak kaydedelim. Daha sonra gidip dosyamızı açalım. Oda ne ilk web sayfanız karşınızda duruyor. Buraya kadar tamamsa şimdi HTML in temel kodlarını öğrenmeye başlayalım. HTML kodları < ve > işaretleri arasına yazılırlar siz bir kodu < ve > işaretleri arasına yazdığınız zaman o kodu açmış olursunuz ve o kodun etkisi kapanana kadar devam eder. Bir kodun etkisini bitirmek yani kapatmak için aynı kodu bu sefer </ ve > işaretleri arasına yazarız. Şimdi ilk kodumuz geliyor. İlk kodumuzun adı <html> yani dilimizle aynı bu kod sitemizin HTML diliyle yazılmış olduğunu tarayıcıya söyler. Her html sayfası <html> koduyla başlar ve </html> koduyla biter. Yani bir HTML sayfasının yapısı; HTML: <html> ... Diğer kodlar... </html> şeklindedir. Şimdi 2 yeni kod daha öğreniyoruz. Bu kodlar <head> ve <body>. <head> kodu sayfanın başlık bilgilerini tarayıcıya söyler. Örnek olarak sayfanın tepesinde çıkacak olan yazı , sitenin kimin tarafından hazırlandığı hangi editör ün kullanıldığı vb. Biz bu <head> kısmıyla çok ilgilenmeyeceğiz. Bu şekilde başlık bilgileri yazıldıktan sonra <head> kodu </head> şeklnide kapatılır ve <body> açılır. <body> bölümünde ise sayfanın asıl bölümü bulunur. Sayfadaki yazılar, resimler linkler vs. ile ilgili kodlar bu kısma yazılır. Bu kısımda bittikten sonra </body> ile kapatılır. Bu iki kod da <html> ile </html> kodları arasına yazılır. Bu durumda sayfamızın son hali; HTML: <html> <head> ... Başlık Bilgileri... </head> <body> ... Sayfanın Asıl İçeriği... </body> </html> şekline geldi. Bizim ilk örnekte yaptığımız Merhaba Dünya yazısını buna göre uyarlarsak yeni hali; HTML: <html> <head> </head> <body> Merhaba Dünya </body> </html> olur. Şimdi şöyle bir soru soracaksınız. İlk yazığımızda da çalışıyordu o zaman niye üstüne bu kadar kod ekledik normal yazıverelim. Evet çoğu zaman yine çalışır ama her zaman değil. Eğer <html>, <head> ve <body> gibi kodları kullanmazsanız web siteniz her tarayıcıda aynı şekilde görüntülenmez. Birinde gayet düzgün görünürken ötekinde yazılar kaymış resimler çıkmamış vb. gibi bir dolu hatayla karşınıza çıkabilir. Hele ki birde javascript kullanıyorsanız kodlarınız yalnış çalışmayı bırakın hiç çalışmayabilir bile. Yani adam gibi bir site istiyorsanız bu ana iskelete göre siteyi yapmanız şart. Buraya kadar işin prosedürüydü. Yani işin en sıkıcı yani. HTML dilinin temel kurallarını öğrendik. Eğer buraya kadar sıkılmadan okuduysanız kalan kısmı için daha eğlenceli olduğunu göreceksiniz. Bir dahaki dersimizde bir yazıyı biçimlendirmeyi yani yazıyı kalın, italik, altı çizgili, renkli, yazı stilli yapmayı ve boyutunu ayarlamayı öğreneceğiz. Alıntı değil Alınteri