<p align="center"><a href="http://www.poqbum.com"> <img src="http://files.poqbum.com/Files/Myspace-Mini-Clips/Myspace-Graphics-Fun-Animations-021.gif" border="0" alt="POQbum.com" /><br /><font size="1">POQbum.com</font></a><p><p><p></p>

<p align="center"><a href="http://www.poqbum.com"> <img src="http://files.poqbum.com/Files/Myspace-Mini-Clips/Myspace-Graphics-Fun-Animations-026.gif" border="0" alt="POQbum.com" /><br /><font size="1">POQbum.com</font></a><p><p><p></p>

<p align="center"><a href="http://www.poqbum.com"> <img src="http://files.poqbum.com/Files/Myspace-Mini-Clips/Myspace-Graphics-Fun-Animations-027.gif" border="0" alt="POQbum.com" /><br /><font size="1">POQbum.com</font></a><p><p><p></p>

<p align="center"><a href="http://www.poqbum.com"> <img src="http://files.poqbum.com/Files/Myspace-Mini-Clips/Myspace-Graphics-Fun-Animations-011.gif" border="0" alt="POQbum.com" /><br /><font size="1">POQbum.com</font></a><p><p><p></p>

Mario

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed class="FlashGame" pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="http://www.poqbum.com/Files/Games/mario-star-catcher-2.swf" width="423" height="327" type="application/x-shockwave-flash" quality="high"> </embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Sonic

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed pluginspage="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash" src="http://www.poqbum.com/Files/Games/ultimate_sonic_at.swf" width="496" height="360" type="application/x-shockwave-flash"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Drag Racer v3

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed src="http://www.poqbum.com/Files/Games/Other-7.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="544" height="408"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Tetris

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed src="http://www.poqbum.com/Files/Games/Strategy-6.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="382" height="380"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Pacman

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed src="http://www.poqbum.com/Files/Games/Arcade-2.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="360" height="420"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Bowman

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed src="http://www.poqbum.com/Files/Games/Strategy-3.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="522" height="380"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Flash Strike

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed src="http://www.poqbum.com/Files/Games/Shooting-Fighting-4.swf" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash" width="500" height="346"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Matrix

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed src="http://www.poqbum.com/Files/Games/Shooting-Fighting-1.swf" width="535" height="267" type="application/x-shockwave-flash"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Black Knight

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed src="http://www.poqbum.com/Files/Games/Adventure-9.swf" width="522" height="380" align="center" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Snike

<center> <br /><br /><form action='http://www.poqbum.com' method='post' target='_new'><embed src="http://www.poqbum.com/Files/Games/Other-2.swf" width="336" height="280" align="center" quality="high" pluginspage="http://www.macromedia.com/go/getflashplayer" type="application/x-shockwave-flash"></embed><input type='submit' value='More Cool Games At poqbum.com' /><br /><br /> </form></center>

Basit Html Etiketleri

Şimdiye kadar gördüğünüz derslerde HTML'in ağır toplarıyla tanıştınız. Dersleri dikkatli takip ettiyseniz, artık standart bir web sayfası yapabilirsiniz. Şu andaki bilgilerinizle, görsel, kişisel bir sayfa yapabilirsiniz. Bu sayfayı bedava hosting(web alanı) sunan sitelerden birine atarak webe ilk adımınızı atabilirsiniz.Yalnız bilmelisinizki, daha bilmeniz gereken çok şey var. İyi şeyler yapmak için vakit harcamalısınız. Güzellik çoğu zaman ayrıntılarda gizlidir. Bu dersimizde HTML'in göze batmayan ama hayati önem taşıyan özelliklerinden birkaçını huzurlarınıza sunacağım. Bunların tamamı "<>" tagları ile kullanılmakta ve aksini belirtmediğim sürece kapatılması gerekmektedir.

br: Bu etiket, satır atlamak için kullanılır. HTML kodunu tarayıcınız en baştan başlayarak sona doğru sırayla okur. İsterseniz tüm kodları tek satırda da yazabilirsiniz, birşey fark etmez. Ama siz düz metin yazarken enter tuşu ile alt satıra geçtiğinizde tarayıcınız bunu algılamaz ve yazdıklarınızı yanına eklemeye devam eder. Düz metinde o andan itibaren bir alt satıra geçmek için br etiketini kullanırız. br etiketini kapatmaya gerek yoktur. İki kere kullanırsak bir satır boşluk bırakır.

p:HTML'de paragraf amak için bu etiketi kullanırız. Bu etiket arasında kalan metinleri paragraf şeklinde düzenler. Kapatılması zorunlu değildir. Kapatılmazsa, metinin sonuna kadar paragraf kabul eder.

b:Bold, yani kalın yazı manasına gelir. Belirgin olmasını istediğiniz yazıları "b" etiketi ile kalın yazabilirsiniz.

i:italik, yani eğik yazı manasına gelir. Belli kelimeleri yada paragrafı eğik şekilde yazmak istiyorsanız, paragrafın yada kelimenin başına ve sonuna "i" etiketi getirilmesi zorunludur.

center:Bu dersin en önemli tagıdır. Türkçe'de "ortalanmış" manasına gelir. "center" "/center" etiketleri arasına ayzdığınız yazılar, koyduğunuz resimler, tabolar kısaca herşey sayfaay ortalanır. Bu çoğu zaman şekilde göze hoş gelir.

Arka Plan Rengini Degiştirmek

Varsayılan olarak sitenizin arka planı beyaz görünür. Bu sitenize belli bir sadelik, ferahlık getirsede, çoğu zaman bunu değiştirmek isteriz. Farklı bir renk, hatta belli bir fotoğrafla arka planınızı döşemek ister miydiniz? Bu ders işte bunun için. Bunu yapmak içinde her zamanki gibi body etiketini kullanacağız ama bu sefer biraz farklı bir şekilde. Bu sefer kodlarımızı body etiketinin altına değil, bizzat body etiketinin yanına yazacağız. Şöyleki "body bgcolor="#000000" Bu kod arka planı siyah yapacak mesela. bgcolor etiketi arka planın rengini belirlerken kullanılıyor. #000000 ise siyah rengin HTML dilindeki karşılığı. Bunun gibi tüm renklerin karşılıklarını netde aratıp bulabilirsiniz. Şimdi biz yapacağımız örnekte arka planı siyah, yazı renginide beyaz yapalm mesela. Bunun için aşağıdaki kodu kullanmamız gerekir.

Sitede Resim Göstermek

Sitenize resim ekleme işini  "img" etiketimiz üstlenmekte. bu sefer "a href" yerine "img src" bağıntısını kullanacağız. Burdaki src, source yani kaynak manasına gelir. Resminizin webdeki kaynağını buraya yazarsınız. Yani sitenizde resim yayınlamak için, önce onu webdeki bir sunucuya atmanız ve linkini kopyalamanız gerekmektedir. Geri kalan işlemler aynı link vermedeki gibidir.

Mailto

Yazınızda mail adresi vermek istiyorsanız, bunu bir önceki dersimizde anlattığımız link verme konusundaki gibi halledebilirsiniz. Burda farklı olarak kullanacağımız tek şey "mailto" etiketi. Yine "a href" etiketini kullanacağız. Sadece yazıya tıklanıldığında gidilecek olan urlyi yazarken "mailto:mailadresiniz@örnek.com" şeklinde yazmalısınız. Bundan sonra yine tıklanılacak olan nesneyi belirtip, tagları ile birlikte etiketi kapatmalısınız. Pratikte link vermekten pek bir farkı yok gibi.
Link Atama
Sitenize link koymak istiyorsanız, "a href" etiketini kullanmanız gerekir. Bu oldukça basit bir işlemdir ama karışık gibi gözükür. Bunun nedeni işin ayrıntıda gizli olmasıdır. Vereceğiniz linkin birçok özelliği olabilir. Linki yeni pencerede mi, yoksa yeni tabda mı açacağınızı; linkin üstüne mouse ile geldiğinizde orda ne yazacağı vs. gibi işleri bu bölümden ayarlarız.
Link dediğimiz şey, ilgili nesneye tıklandığında gidilen urldir aslında. Burada belirtmemiz gereken iki temel nokta var. Birincisi hangi nesneye link vereceğimiz, ikincisi nesneye tıklanıldığında hangi urlye gideceği. Aşağıda basit bir link uygulaması vardır.