Öncelikle Bu bir Alıntıdır Makaleleri sadece ben Birleştirdim. Komutları öğrenmeye başlıyoruz! <HTML> </HTML> Bir web sayfası <html> ile başlar, </html> ile biter. <html> <head> <title>Buraya sitenin adı yazılır</title> </head> <bOdy>Burasını daha sonra dolduracağız. Sitenizde olması gereken herşey bu arada yer alacak</bOdy> </html> <HEAD> </HEAD> Sitemizin adının yer aldığı Title'lın, Meta Tag denilen, arama motorlarında bulunmanızı kolaylaştıran şeylerin yazıldığı yerdir. Sitede birçok şeyi, yazıların biçimlerini, büyüklüklerini, renklerini belirleyip işimizi epey kolaylaştıran CSS ler de buraya konur. Javacript denen bazı şeyler de... Bunları söyledim ama kafanız karışmasın, zamanı gelince onların neler olduğunu anlatacağım. Şimdilik geçelim. <TITLE> </TITLE> Her sitenin bir adı olması gerekir. <title> DayDay </title> Mısra ile Bulut'nin sitesinin adı: DayDay. Biliyorsunuz insanlar birşeyi ararken adını yazıp ararlar... <BODY> ... </BODY> Burası web sayfanızda olmasını istediğiniz yazı ve resimlerin bulunduğu bölüm. Buradaki komutların neler olduğunu sırayla öğreneceksiniz. Ama önce, sayfamızı şöyle bir görelim değil mi? Bulut, ilk sayfada bu yazı olsun istiyor: "DayDay, seni çok seviyoruz! " Haydi bakalım deneyelim: İlk Sayfamızı yapıyoruz Önce not defterimizi açalım. Monitörün altında sol tarafta başlat menüsü var. Programların içinde Donatılar... Onun içinde de not defteri... Aslında bunun yerini bildiğinize eminim Aşağıdaki yazıyı açtığınız sayfaya yazın. <html> <head> <title> DayDay </title> </head> <bOdy> DayDay seni çok seviyoruz </bOdy> </html> İndex adını verin ve önceden belirlediğiniz bir yere kaydedin. Kaydettiğiniz sayfaya gidip tıklayınca hiç birşey olmadı değil mi? Hiç web sayfasına benzemiyor. İlk yazdığınız gibi yani aşağıdaki gibi görüyorsunuz. O zaman "farklı kaydet" seçeneğini kullanıp yeniden deneyelim: Bu kez kaydederken index.html yazarak kaydedin. Tekrar gidip bu yeni sayfaya tıklayarak açın. Evett ) Oldu işte! Yazdığımız diğer yazılar artık görünmüyor. Görünen sadece söylemek istediğiniz şey olacak... img src=http://www.webdersleri.com/web-internet/html/resim/ornek. gif"> Sonraki derste bu yazıya daha neler yapabileceğimizi göreceğiz. Yazı Bu yazıyı hatırlıyorsunuz. Sadece yazmıştık. Çok sıradan görünüyor değil mi? Farklı durumlar için, farklı büyüklük, tip ve renklerde yazılar gerekir. Ayrıca yazının sayfanın neresinde duracağına da siz karar vermelisiniz. Yazılar aşağıdaki komutlar içine yazılır. <font> ... </font> Yazının büyüklüğü için "size" yazı tipi için "face" Yazı rengi için "color" komutlarını kullanmanız gerekir. Aşağıdaki örneği yazın: <font size="3" face="Arial" color="red">DayDay seni çok seviyoruz</font> Yazıların yerinin <bOdy> komutundan sonra gelmesi gerektiğini unutmayın. <html> <head> <title> DayDay </title> </head> <bOdy> <font size="4" face="Arial" color="red">DayDay seni çok seviyoruz</font> </bOdy> </html> İsterseniz yaptığımızın neye benzediğine bakalım. img src=http://www.webdersleri.com/web-internet/html/resim/ornek. gif"> Şimdi tek tek tekrar edelim. YAZI BÜYÜKLÜĞÜ font size="4" 5 yerine 2, 3, 4, 6 yazabilirsiniz. Ayrıca yazınızı aşağıdaki kodların arasına da yazabilirsiniz.. Yine aşağıda gördüğünüz büyüklüklerde görünür. <h1> DayDay </h1> <h2> DayDay </h2> <h3> DayDay </h3> <h4> DayDay </h4> <h5> DayDay </h5> <h6> DayDay </h6> YAZI RENGİ Renkler için ya renk kodunu ya da ingilizce adını yazmalısınız. color="red" yerine, farklı renk isimleri yazın. red - kırmızı blue - mavi yellow - sarı white - beyaz black - siyah Diğer renklerin İngilizce yazılışları ve kodları için color=

slm konuların felan soruların felan nereye yazılacagını bilmiyorum. eline koluna saglık olsunda ben c3h3n senden yardım isteyecem. Eger yardım edersen sevinirim, dua ederim? bekliyorum? 1 2 İleri 1 of 2 Go to page Git İleri Last You must log in or register to reply here. Forum Programlama Html - CSS - XML - JavaScript - Ajax Bize Ulaşın Forum Kuralları Gizlilik Sözleşmesi Yardım Ana Sayfa RSS bafra oto ekspertiz, Tiktokbegeni.com, erkek cüzdan, eskişehir haber, çelik ranza, hasta yatağı kiralama, bonus veren siteler, ankara oto ekspertiz, istanbul oto ekspertiz, eskişehir oto ekspertiz, çorum oto ekspertiz, geobonus. org, deneme bonusu, bonusportali.com, vbet giriş, Pokerklas, Caddebet, megapari giriş, meritking giriş, meritking, kingroyal giriş, bahis siteleri, betwinner, rokubet giriş, deneme bonusu veren siteler, takipçi satın al, deneme bonusu veren siteler, betnano giriş, elektronik sigara, deneme bonusu veren siteler, replika saat, melbet giriş, smok, deneme bonusu, bahis forum, melbet, izmit oto ekspertiz, poppers turkiye, eskişehir oto ekspertiz, dalyan otel, hack forum, melbet, sohbet numaraları Wardom. Org Bilginin Adresi. 1998'den beri Wardom yayında! Wardom Türkiye'nin en eski forum sitelerinden biri olarak günümüz web sitelerine sponsor linkler yayınlanmaktadır. ataşehir escort maltepe escort pendik escort gaziantep rus escort xxx videos erotik film izle istanbul escort ankara escort istanbul escort gaziantep escort gaziantep escort Paylaşım sitemizde 5651/8 ve 125. madellere göre, tüm üyeler ve ziyaretçiler sitenin kullanımı ve yapılan paylaşımlarından kendileri sorumludur. Şikayetleriniz için bize ulaşabilirsiniz. Tüm hakları saklıdır 2015 Wardom. Org bilginin adresi. Forum ve bilgisayar güvenliği sitesi. var sc_project=2030864;var sc_invisible=1;var sc_security="c6df530c"; Üst <div class="tooltip-content-inner"> <div class="reactTooltip"> <a href="#" class="reaction reaction--1" data-reaction-id="1"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Like" title="Like" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--2" data-reaction-id="2"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Love" title="Love" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--3" data-reaction-id="3"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Haha" title="Haha" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--4" data-reaction-id="4"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Wow" title="Wow" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--5" data-reaction-id="5"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Sad" title="Sad" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> <a href="#" class="reaction reaction--6" data-reaction-id="6"><i aria-hidden="true"></i><img src="data:image/gif;base64, R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7" class="reaction-sprite js-reaction" alt="Angry" title="Angry" data-xf-init="tooltip" data-extra-class="tooltip--basic tooltip--noninteractive" /></a> </div> </div> { "@context": "https://schema.org", "@type": "DiscussionForumPosting", "@id": "https:\/\/www.wardom.org\/threads\/html-kaliteli-ders-c3h3n.161998\/", "headline": "HTML Kaliteli \/\/c3h3n", "articleBody": "Öncelikle Bu bir Alıntıdır Makaleleri sadece ben Birleştirdim.:) \n\n \nKomutları öğrenmeye başlıyoruz!\n\n\n\n\n\n\n<HTML> <\/HTML>\n\n\n\nBir web sayfası <html> ile başlar, <\/html> ile biter. \n\n<html>\n<head>\n<title>Buraya sitenin adı yazılır<\/title>\n<\/head>\n<bOdy>Burasını daha sonra dolduracağız. Sitenizde olması gereken herşey bu arada yer alacak<\/bOdy>\n<\/html>\n\n\n\n\n\n\n<HEAD> <\/HEAD> \n\n\n\n \n\n\n\nSitemizin adının yer aldığı Title'lın, Meta Tag denilen, arama motorlarında bulunmanızı kolaylaştıran şeylerin yazıldığı yerdir. Sitede birçok şeyi, yazıların biçimlerini, büyüklüklerini, renklerini belirleyip işimizi epey kolaylaştıran CSS ler de buraya konur. Javacript denen bazı şeyler de... Bunları söyledim ama kafanız karışmasın, zamanı gelince onların neler olduğunu anlatacağım. Şimdilik geçelim.\n\n\n\n\n\n<TITLE> <\/TITLE> \n\n\n\n \n\n\n\nHer sitenin bir adı olması gerekir. \n<title> DayDay <\/title> \nMısra ile Bulut'nin sitesinin adı: DayDay. Biliyorsunuz insanlar birşeyi ararken adını yazıp ararlar... \n\n\n\n\n\n<BODY> ... <\/BODY> \n\n\n\n \n\n\n\nBurası web sayfanızda olmasını istediğiniz yazı ve resimlerin bulunduğu bölüm. \nBuradaki komutların neler olduğunu sırayla öğreneceksiniz.\nAma önce, sayfamızı şöyle bir görelim değil mi?\nBulut, ilk sayfada bu yazı olsun istiyor: \"DayDay, seni çok seviyoruz! \"\nHaydi bakalım deneyelim:\n\n \n\n\n\n\n\n\nİlk Sayfamızı yapıyoruz\n\n\n\nÖnce not defterimizi açalım. Monitörün altında sol tarafta başlat menüsü var. \nProgramların içinde Donatılar... Onun içinde de not defteri...\nAslında bunun yerini bildiğinize eminim :)\nAşağıdaki yazıyı açtığınız sayfaya yazın. \n\n\n<html>\n<head>\n<title> DayDay <\/title>\n<\/head>\n<bOdy> DayDay seni çok seviyoruz <\/bOdy>\n<\/html>\n\n\n\n\nİndex adını verin ve önceden belirlediğiniz bir yere kaydedin. \nKaydettiğiniz sayfaya gidip tıklayınca hiç birşey olmadı değil mi? Hiç web sayfasına benzemiyor. İlk yazdığınız gibi yani aşağıdaki gibi görüyorsunuz.\n\n\n \n\n\n\nO zaman \"farklı kaydet\" seçeneğini kullanıp yeniden deneyelim:\nBu kez kaydederken index.html yazarak kaydedin. Tekrar gidip bu yeni sayfaya tıklayarak açın. Evett :)) Oldu işte! Yazdığımız diğer yazılar artık görünmüyor. \n\n\n\n\n\nGörünen sadece söylemek istediğiniz şey olacak...\n\n\n\n \n\n\nimg src=http:\/\/www.webdersleri.com\/web-internet\/html\/resim\/ornek. gif\">\n\n\n\nSonraki derste bu yazıya daha neler yapabileceğimizi göreceğiz.\n \n\n\n\n\n\n\nYazı \n\n\n\n\n\nBu yazıyı hatırlıyorsunuz. Sadece yazmıştık. Çok sıradan görünüyor değil mi? Farklı durumlar için, farklı büyüklük, tip ve renklerde yazılar gerekir. Ayrıca yazının sayfanın neresinde duracağına da siz karar vermelisiniz.\n\n\n \n\nYazılar aşağıdaki komutlar içine yazılır.\n\n\n<font> ... <\/font> \n\n\n\n\nYazının büyüklüğü için \"size\"\nyazı tipi için \"face\"\nYazı rengi için \"color\" komutlarını kullanmanız gerekir. \n\n \nAşağıdaki örneği yazın:\n\n<font size=\"3\" face=\"Arial\" color=\"red\">DayDay seni çok seviyoruz<\/font>\n\nYazıların yerinin <bOdy> komutundan sonra gelmesi gerektiğini unutmayın. \n\n\n\n\n\n<html>\n<head>\n<title> DayDay <\/title>\n<\/head>\n<bOdy>\n\n<font size=\"4\" face=\"Arial\" color=\"red\">DayDay seni çok seviyoruz<\/font>\n<\/bOdy>\n<\/html>\n\n\n \n\nİsterseniz yaptığımızın neye benzediğine bakalım.\n\n\nimg src=http:\/\/www.webdersleri.com\/web-internet\/html\/resim\/ornek. gif\">\n\n\n\nŞimdi tek tek tekrar edelim. \nYAZI BÜYÜKLÜĞÜ\n\nfont size=\"4\" 5 yerine 2, 3, 4, 6 yazabilirsiniz.\nAyrıca yazınızı aşağıdaki kodların arasına da yazabilirsiniz.. Yine aşağıda gördüğünüz büyüklüklerde görünür. \n<h1> DayDay <\/h1>\n<h2> DayDay <\/h2>\n<h3> DayDay <\/h3>\n<h4> DayDay <\/h4>\n<h5> DayDay <\/h5>\n<h6> DayDay <\/h6>\n \n \nYAZI RENGİ\nRenkler için ya renk kodunu ya da ingilizce adını yazmalısınız. \ncolor=\"red\" yerine, farklı renk isimleri yazın.\n\n\n\n\nred - kırmızı\nblue - mavi\nyellow - sarı\nwhite - beyaz\nblack - siyah\n\nDiğer renklerin İngilizce yazılışları ve kodları için color=

allah razı olsun çok güzel anlatılmış emeğine saygılarımla...

Dewam Wardom. Çerçeve Bazı sayfalarda görmüş olmalısınız. Yanda yeni bir pencere içinde linkler diğer yanda ise yazılar.. Yani sayfa sanki 2 tane pencereden oluşuyor ama tek pencere içerisinde görüntüleniyor... Web tasarımcıları çerçeveyi pek sevmez. Yani hoş bir görüntü kazandırmaz sayfaya. Web tasarımcısı kadar ziyaretçi de bundan pek hoşlanmaz.. Ama bazı zamanlar da bir kolaylıktır Çerçeveler.. Ve ayrıca Çerçeve teknolojisi HTML' e sonradan dahil edilmiş.. Buna göre eski browserlar bunu anlamayacak! Bir kuralı daha hatırlayalım: Yaptığımız sayfalar bizim bilgisayarımızdaki gibi görünmez ziyaretçimize hiçbir zaman! Bu derste Çerçeve yani Frame etiketini göreceğiz.. Çerçeve içinde Çerçeve.. Her yer çerçeve.. Çerçeveleri oluşturan etiket <frameset> etiketidir. <frame> etiketi ile de her bir frame'in özelliklerini ve frame'de gösterilecek sayfayı belirtiyoruz... Şimdi örneklerimizi yapalım ve inceleyelim: Örnekler: cerceve1.htm dosyası: <html> <head> <title>Sol çerçeve</title> </head> <bOdy bgcolor="#FF0000"> <font size=7>Sol Çerçeve</font> </bOdy> </html> cerceve2.htm dosyası: <html> <head> <title>Sağ Çerçeve</title> </head> <bOdy bgcolor="

Dikkat ettiyseniz color=" " tırnak işaretleri arasında renk adını kullanırken # işaretini yazmıyoruz. Onu sadece renk kodlarını yazarken kullanıyoruz. YAZI TİPİ face="Arial" yerine Verdana, Arial Narrow, Times New Roman, Comic Sans MS, Helvetica, sans-serif, gibi yazı tipi adlarını yazarsanız yazınız o biçimde görünecektir. Ama çok önemli bir şey var... Bir yazı tipi, ancak başkasının bilgisayarında da o yazıdan varsa görünür. Yoksa yaptığınız bir işe yaramaz. Bu yüzden, örnek olsun diye baktığınız sayfadaki font isimlerini kullanmaya kalkmayın )) Yukarıda yazdığım örneklerle yetinmelisiniz şimdilik.

Dewam Wardom. Sıralı Liste Nasıl Yapılır? Bazen sayfamız da listeler kullanmak zorunda kalırız. Mesela sevdiğimiz müzik türlerini düzene sokmamız gerekebilir. Şimdi sıralı listelere birkaç örnek verelim: Numaralı başka tür listeler yapalım: Bilgilerimizi düzene sokmamıza yarayan sıralı listeler <OL> </OL> etiketlerinin arasına < LI> ekliyerek yapılır. En sevdiğim hayvanlar: <ol> <li>Kediler <li>Köpekler <li>Balıklar <li>Kuşlar </ol> Bu kodların oluşturduğu sıralı liste aşağıdaki gibidir: En sevdiğim Hayvanlar: Kediler Köpekler Balıklar Kuşlar Sıralı listemizin sıra numarasını Roma Rakamları ile göstermek istersek <OL> etiketimizin yanına "type" değerinin yanına Roma Rakamlarından birini yazarız. : En sevdiğim hayvanlar: <ol type="I"> <li>Kediler <li>Köpekler <li>Balıklar <li>Kuşlar </ol> Bu kodların oluşturduğu sıralı liste aşağıdaki gibidir: En sevdiğim Hayvanlar: Kediler Köpekler Balıklar Kuşlar Listemizin Sıralamasında Harfler kullanalım Listelerimizin sıralanmasnda rakam değil de harf kullanmak istiyorsak <OL> etiketinin yanındaki "type" değerinin karşısına "a" yazmamız yeterli.. Belli bir harften başlamanız gerekiyorsa start etiketini kullanmanız gerekiyor... Hangi harften başlamasını istiyorsanız onun sıra numarasını yazmalısınız... En sevdiğim hayvanlar: <ol type="a"> <li>Kediler <li>Köpekler <li>Balıklar <li>Kuşlar </ol> En sevdiğim Hayvanlar: <ol type="a" start="3"> <li>Kediler <li>Köpekler <li>Balıklar <li>Kuşlar </ol> Bu kodların oluşturduğu sıralı liste aşağıdaki gibidir: En sevdiğim Hayvanlar: Kediler Köpekler Balıklar Kuşlar En sevdiğim Hayvanlar: Kediler Köpekler Balıklar Kuşlar Bugün sayılı listeleri öğrendik. Bir de sayısız listeler ve Tanımlama Listeleri var... Bunları da bir sonraki dersimizde öğreneceğiz. Ne kadar çok deneme yaparsak o kadar çok şey öğreniriz. Bunu unutmuyoruz değil mi? Denemekten bıkmayın.. Bir de gezdiğiniz web sitelerinin kaynak kodlarını incelerseniz nasıl yapıldığını anlayabilirsiniz.

çok güzel umarım devamı vardır.

emeğine sağlık baya uğraşmışsındır carsamba.

Nefis

c3h3n sana sadece tek kelime diyorum Allah senden razı olsun. ellerin dert görmesin. helal olsun. teşekkürler... volkan

Çok güzel bir paylaşım Bravo..

benim gibi bu işe yeni heveslenenler için çok aydınlatıcı

Teşekkürler ellerine gözlerine sağlık.

c3h3n çok güzel paylaşımlar tebrik ediyorum fakat bunları notepad yada wordpad a kaydedip eklenti olarak versen hem göze daha hoş gelir hemde arkadaşlar daha rahat faydalanır bence.

Dewam Wardom. Yazıyı istediğimiz yere yerleştirmek Yazıların sayfanın neresinde durması gerektiğine biz karar verebiliriz. Hiçbir şey yazmazsak, Sayfanın solunda dururlar. <center>...</center> Yazınızı <center>...</center> arasına yazarsanız. Sayfanın ortasında görünür. <p> Paragraf yapmak için kullanılır. Ayrıca yazı yerleştirmelerinde de işe yarar. Sola dayalı olması için: <p>Yazınızı buraya yazacaksınız</p> Ortada olması için: <p align=center>Yazınızı buraya yazacaksınız</p> Sağa dayalı olması için: <p align=right>Yazınızı buraya yazacaksınız</p> Satırbaşı ve paragraf yapmak <br> Klavyede yazarken alt satıra inmek için enter tuşunu kullanıyorsunuz. Ama web sayfası hazırlarken bu işe yaramaz. Alt satıra inmek istediğinizi sizin kod yazarak belirtmeniz gerekir. <br> yazdığınız zaman, yazınızı satırbaşı yapmadan yazmış olsanız bile, yazınız web sayfanızda satırbaşı yapılmış olarak görünür. Paragraf, Hem satırbaşı hem de bir satır boşluk olması demektir. <p> Bu iki komutun diğerlerinden bir farkı var. Yazdığınız her komutu "/" işaretiyle kapatmak zorundasınız ama bu ikisinde bunu yapmanız gerekmez.

Dewam Wardom. Tablo yapmayı öğreniyoruz Web sayfanızdaki yazı ve resimlerin bulunduğu yeri denetlemek için kullanacağınız şey tablolardır. Her tabloda dikey ve yatay istediğiniz kadar hücre oluşturabilirsiniz. Bu hücrelerin büyüklüklerini siz belirleyebilirsiniz. Böylece yazıdığınız yazılar tam olarak istediğiniz yerde durabilir. Tablo için kullanacağımız temel etiketler aşağıdakilerdir. Tablo oluşturmak için <table></table> Yatay hücre oluşturmak için <tr> Dikey hücre oluşturmak için <td> 6 bömüme ayrılmış bir tablo yapalım <table border="1"> <tr> <td>Birinci sırada Hücre1</td> <td>Birinci sırada Hücre2</td> <td>Birinci sırada Hücre3</td> </tr> <tr> <td>İkinci sırada Hücre1</td> <td>İkinci sırada Hücre2</td> <td>İkinci sırada Hücre3</td> </tr> </table> Birinci sırada Hücre1 Birinci sırada Hücre2 Birinci sırada Hücre3 İkinci sırada Hücre4 İkinci sırada Hücre5 İkinci sırada Hücre6 Hücremin içi renkli olsun <table> <tr> <td bgcolor="red"> kırmızı hücrem oldu</td> </tr> </table> Kırmızı hücrem oldu Hücremin içinde resim istiyorum <table> <tr> <td background="deneme. gif"> Heeyy burada kablumbiklerim vaarr</td> </tr> </table> Heeyy burada kablumbiklerim vaarr Hücremin kenar kalınlığını değiştirmek istiyorum <table border="10"> <tr> <td>kenarı kalın oldu</td> </tr> </table> <table border="1"> <tr> <td>kenarı ince oldu</td> </tr> </table> kenarı kalın oldu kenarı ince oldu Hücremin kenarını renkli yapmak istiyorum <table border="10" bordercolor="green"> <tr> <td>kenarını yeşil yaptım</td> </tr> </table> kenarını yeşil yaptım Hücremin içini de renkli yapmak istiyorum <table border="10" bordercolor="red"> <tr bgcolor="yellow"> <td>kenarını yeşil yaptım</td> </tr> </table> içi sarı kenarı kırmızı Hücremin büyüklüğünü ayarlamak istiyorum <table border="10" width="300" height="80" > <tr> <td>genişliği 250 yüksekliği 80 piksel</td> </tr> </table> genişliği 300 yüksekliği 80 piksel Hücremin içindeki yazı sağda olsun <table border="1" width="150" height= "100"> <tr> <td align="right"> DayDay</td> </tr> </table> DayDay Hücremin içindeki yazı altta olsun <table border="1" width="150" height="100"> <tr> <td valign="bottom"> Hücre</td> </tr> </table> DayDay Tablomdaki yanyana iki hücreyi birleştirmek istiyorum <table border="1"> <tr> <td>1</td><td>2</td><td>3</td> </tr> <tr><td colspan="2">4</td><td>5</td> </tr> <tr><td>6</td><td>7</td><td>8</td> </tr> </table> 1 2 3 4 5 6 7 8 Tablomdaki altalta iki hücreyi birleştirmek istiyorum <table border= "1"> <tr> <td>1</td><td>2</td><td>3</td> </tr> <tr><td >4</td><td> rowspan="2">5</td><td>6</td> </tr> <tr><td>7</td><td>8</td> </tr> </table> 1 2 3 4 5 6 7 8 Yazılarım hücrenin kenarına değmesin <table border="1" cellpadding="15"> <tr> <td>Değmiyor</td> </tr> </table> Değmiyor Hücremin etrafındaki çerçevenin kalınlığını ayarlıyayım <table border="1" cellspacing="15"> <tr> <td>Etrafında boşluk var</td> </tr> </table> Canım sıkılıyor Bunların hepsini tekrar tekrar deneyip, neler olduğunu görmek, öğrenmenin en iyi yoludur.

Dewam Wardom. Yazıya link vermek Yazılara nasıl link verilir? Bu hafta da yazılara link vermeyi öğreneceğiz. Kendi sayfamızda veya başkasının sayfasına geçmek için kullandığımız bağlatılara link denir. Link vermenin etiketi <A> yani "anchor" ingilizce de gemi demirine verilen isimdir. Yani gemileri birbirine bağlamaya yaran bu demir HTML de bizim sayfalarımızı birbirine bağlamaya yarar. Bir yazıya nasıl link veriririz? Bir yazıya link vermek istediğimizde şu kodları yazarız: : <a href= "http://buraya vermek istediğiniz linki girin/"> Buraya linkin adını yazın </a> Linkimizin yazısını nasıl renklendiririz? Bazen linkimizin renkli olmasını isteriz. Mesela tıklanmadan önce mavi olan linkimiz tıklandıktan sonra kırmızıya dönüşür. Bunun olmasını istemezsek linkimizi tek renk yapabiliriz bunun için bOdy taginin yanına renk kodlarımızı yazarız: <bOdy bgcolor="

sagolasın yakın zamanda hepsını okuyup bıtırecem canin

eyw saolasın da günümüz teknolojisinde html boş bilgi durumunda nerdeyse

Dewam Wardom. Kalın, eğik ve altı çizgili yazmak Bazen yazımızın diğer yazılardan ayrılması için onu daha belirgin yapmamız gerekir. Bunun adı: "Bold" yapmak, yani yazıyı daha kalın ve siyah yazmak. Kalın yazı <b>Yazınızı buraya yazacaksınız</b> Yazıyı eğik yazmak için kullanacağınız kod ise böyle... Eğik yazı <i>Yazınızı buraya yazacaksınız</i> Yazınızın altına çizgi çekmek istiyorsanız bu kodu kullanacaksınız. Ama dikkat etmeniz gereken birşey var. Biliyorsunuz, link verilen kelimelerin de altı çizgili oluyor. Yani altı çizgili bir kelime gördüğümüzde aklımıza gelen şey başka bir sayfaya gidecek olmamız... Siz link vermediğiniz kelimeleri altı çizgili yaparsanız, insanları yanıltmış olacaksınız. Onun için dikkat edin... Altı çizgili yazı <u>Yazınızı buraya yazacaksınız</u> Peki... Hem kalın hem eğik yazmak istersek ne yapacağız? O zaman her iki kodu da peşpeşe kullanacağız. Yani ne kadar özellik vermek istiyorsak onların hepsini kod olarak peşpeşe yazabiliriz. Ama kodları kapatmayı hiçbir zaman unutmayın. <b><i> Yazınızı buraya yazacaksınız</i></b> Web sayfanıza Resim eklemek Merhaba arkadaşlar, Bakıyorum bayağı ilerlediniz.. Yakında beni bile geçeceksiniz. Bu hafta sizlerle sayfamıza resim yerleştirmeyi öğrenelim... Size bir sır vereyim mi? Bu dersleri çalışırken winamp'ı açalım ve öyle çalışmaya başlayalım Böylece hem eğlenir hem öğreniriz... Sayfalarımızın daha güzel görünmesi için grafiklere ihtiyacımız vardır. Bu grafiklere biz resim diyelim Mesela buttonlar yaptık bunları nasıl yerleştireceğiz? Gelin şimdi bunu öğrenelim... Resimleri sayfamıza yerleştirmeye yarayan etiketimiz img src= "">etiketidir. Tırnak işaretlerinin arasına koyacağımız resmin adını yazarız. Şimdi bunu bir örnekle gösterelim: Resim ekliyoruz <html> <head> <title>Sayfamızda Resim </title> </head> <bOdy> <p><img src= "cicek. jpg"> </bOdy> </html> Evet işte oldu sayfamıza resmimizi yerleştirdik. Ama şimdi sadece solda duruyor. br img src=http://www.webdersleri.com/web-internet/html/resim/ornek. gif"> Ortaya ya da sağa hizalanması isteseydik, aşağıdaki kodları yazmamız gerekecekti. Resmin ortaya hizalanması <img src= "cicek. jpg"> img src=http://www.webdersleri.com/web-internet/html/resim/ornek. gif">Resmin sağa hizalanması <img src= "cicek. jpg"> img src=http://www.webdersleri.com/web-internet/html/resim/ornek. gif"> Resmimizin boyutlarını da belirleyebiliriz. Bunun için resmin genişliğini ve yüksekliğini yazmamız gerekir. "width=230 height=252" etiketlerini kodumuza ekleriz. <img src= "cicek. jpg"> Resmin üzerine gelince görünen yazı Mouse'umuzu yani faremizi sayfamızdaki bir resmin ya da grafik unsurun üstüne getirdiğimizde görünen açıklama metni koyabiliriz. Bu metinde resmin adı, sitemiz hakkında bilgi bulunabilir. <img src= "cicek. jpg">