Al bayraktan Gök bayrağa...

 

 

Google+ Sayfamız

Sakarya Fırat Hayran Sayfası

Uygulamaların C# Kısmı

//örnek 1
           // int a = 0; int b = 0; int c = 0;
           // a = a + 1;
           // for (b = 2; b <= 5; b = b + 1)
           // {
           //     c = c + b;
           //     a = c + a;
           //     Console.WriteLine("a sayisi " + a);
           //     Console.WriteLine("b sayisi " + b);
           //     Console.WriteLine("c sayisi " + c);
           //}
           // c = c - 1;
           

            //örnek 2

            //int a = 10; int b = 10; int c = 10;
            //if (a < 10)
            //{
            //    b = b + 1;
            //    a = c + a;
            //}
            //else
            //{
            //    b = b - 1;
            //    c = a - c;
            //}
            //a = a - 1;
            //Console.WriteLine("a sayisi " + a);
            //Console.WriteLine("b sayisi " + b);
            //Console.WriteLine("c sayisi " + c);
           
            //örnek 5

            //int a = 0; int b = 1; int c = 0;
            //for (a = 1; a <= 6; a = a + 1)
            //{
            //    b = b + 1;
            //    if (a >= 3)
            //    {
            //        c = c + a;
            //    }
            //    Console.WriteLine("a sayisi " + a);
            //    Console.WriteLine("b sayisi " + b);
            //    Console.WriteLine("c sayisi " + c);
            //   }
            //c = c - 1;
           

            //örnek 6
            //int a = 0; int b = 1; int c = 0; int d = 0;
            //for (a = 1; a <= 4; a = a + 1)
            //{
            //    for (b = 1; b <= 3; b = b + 1)
            //    {
            //        c = c + b;
            //        Console.WriteLine("a sayisi " + a);
            //        Console.WriteLine("b sayisi " + b);
            //        Console.WriteLine("c sayisi " + c);
            //        Console.WriteLine("d sayisi " + d);
            //    }
            //    d += 2;
            //}
       
           
            //örnek 10

            //int a = 0; int b = 0; int c = 0; int d = 0;
            //for (a = 1; a <= 5; a = a + 1)
            //{
            //    b = b + 1;
            //    if (a < 3 || b == 4)
            //    {
            //        c += a;
            //    }
            //    else
            //    {
            //        d = d + c;
            //    }
            //    Console.WriteLine("a sayisi " + a);
            //    Console.WriteLine("b sayisi " + b);
            //    Console.WriteLine("c sayisi " + c);
            //    Console.WriteLine("d sayisi "+d);
            //}

            //çalışma 1
            //int a = 0; int b = 0; int c = 0;
            //for (a = 1; a <= 6; a = a + 2)
            //{
            //    Console.WriteLine("a sayisi "+a);
            //    Console.WriteLine("b sayisi "+b);
            //    Console.WriteLine("c sayisi "+c);

            //    b = b + 1;
            //    c = a + b;
            //}
            //c = c - 1;

            //çalışma 2
            //int a = 0; int b = 1; int c = 0;
            //while (a <= 10)
            //{
            //    a = a + 1;
            //    b *= a;
            //    if (b >= 15)
            //    {
            //        c = a;
            //        break;
            //    }
            //}
            //c = c + 1;
            //Console.WriteLine("a sayisi " + a);
            //Console.WriteLine("b sayisi " + b);
            //Console.WriteLine("c sayisi " + c);
           

            //çalışma 4
            //int a = 0; int b = 1; int c = 0; int d = 0;
            //if (a > 0 || b < 1)
            //{
            //    a = a + 1;
            //    b += a;
            //}
            //else
            //{
            //    a = a - 1;
            //    c = a;
            //}
            //d = d + 1;
            //d = d + c;
            //Console.WriteLine("a sayisi " + a);
            //Console.WriteLine("b sayisi " + b);
            //Console.WriteLine("c sayisi " + c);
            //Console.WriteLine("d sayisi " + d);

            //çalışma 7
            //int a, b, c;
            //b = 5;
            //for (a = 2; a <= 10; a = a + 2)
            //{
            //    c = b - 1;
            //    b = c + a;
            //    Console.WriteLine("a sayisi " + a);
            //    Console.WriteLine("b sayisi " + b);
            //    Console.WriteLine("c sayisi " + c);
            //    c = c - 1;
            //}
           
            //çalışma 8
            //int a = 15; int b = 0; int c = 0;
            //if (a >= 10)
            //{
            //    a = a - 1;
            //    b = b + a;
            //}
            //else
            //{
            //    c = a + b;
            //}

            //Console.WriteLine("a sayisi " + a);
            //Console.WriteLine("b sayisi " + b);
            //Console.WriteLine("c sayisi " + c);

                Console.ReadKey();
        }

Sadece Susalım ve Geçer Diyelim...

          Ülkemizde her geçen gün hain pkklıların saldırıları artıyor ve her geçen gün bir vatan evladı daha görevi ve vatanı uğruna canından oluyor.Peki biz ne yapıyoruz.Hiç!. Ne olacak ki sanki, ülkede vatanı uğruna ölecek çok adam var.Biz orada vatan uğruna ölelim, burada vatan bölünmeye çalışılsın, kimse sesini bile çıkarmasın, "aman şunları susturun yaptıklarımız çöpe gitmesin" diye daha kaç anne evladını genç yaşta toprağa verecek.

-Şehit askerler için tören…

-Hakkari’de düzenlenen silahlı saldırı sonucu şehit olan askerler için Hakkari Dağ ve Komando Tugay Komutanlığında tören düzenlendi...

Alışalım bu haberleri görmeye vatana sahip çıkmadıkça.Ne olacak şimdi vatansever olmak suç, ülkeyi sevmek suç, ülken uğruna ölmek suç, Ne olursa olsun tek başına kalsan bile canın uğruna bu vatanı koru.Yıllar öncesinde kaç milyon şehidin kanı var bu toprakta günahtır.Ne demiş Mehmet Akif;

"...Bastığın yerleri ''toprak!'' diyerek geçme, tanı!

Düşün altındaki binlerce kefensiz yatanı.

Sen şehid oğlusun, incitme, yazıktır, atanı:

Verme, dünyaları alsan da, bu cennet vatanı.

Kim bu cennet vatanın uğruna olmaz ki feda?

Şüheda fışkıracak toprağı sıksan, şüheda!

Canı, cananı, bütün varımı alsın da Huda,

Etmesin tek vatanımdan beni dünyada cüda..."

Aslında Mustafa Kemal hiç ölmedi...

         Aslında Mustafa Kemal Atatürk hiç ölmedi.Sadece bedeni bu yorgun dünyaya yenildi.Şimdiyse tüm Türkler'in kalbinde yaşamaya devam ediyor.Biz ne kadar "Özlemle Anıyoruz" desekte bu cümle onu sadece 10 kasımlarda hatırlıyormuşuz gibi olur.Biz Mustafa Kemal'i hiç unutmadığımız için sadece 10 kasımda da hatırlamamıza gerek yok.Ne zaman ülkemize yararlı bir şey yapsak, kalbimizde ince bir sızı olur.Bu sızı Mustafa Kemal'in bizimle gurur duymasıdır.Vatana ihanet ise affedilmeyecek bir şerefsizliktir.Mustafa Kemal kanıyla canıyla bu vatanı kuruyor, bir kaç köpek de bu ülkeyi bölmeye çalışıyor.Siz ne kadar uğraşsanız da "EZANLAR DİNMEZ, BAYRAK İNMEZ, ŞEHİTLER ÖLMEZ, VATAN BÖLÜNMEZ..." Ne Mutlu Türk'üm Diyene!...

Urumçi Katliamı

İşgalci Çin'in Urumçi Katliamı !

5 Temmuz 2009'da, Urumçi'de Çin yönetiminin Doğu Türkistandaki baskılarını ve Guangdong eyaletinin Shaoguan şehrindeki Türk işçilerine yönelik saldırıları protesto eden Uygur Türklerine açılan ateş sonucu çıkan olaylarda resmi rakamlarla 156 kişi öldü ancak gerçek rakam binlerle ifade ediliyor. Olaylardan sonra ortadan kaybolan 10.000 Uygur Türkü'nden ise hala haber alınamıyor. 
Kendilerine yönelik baskılara tepki gösteren ve şiddet olaylarını protesto eden Uygur Türklerinin üzerine polis ateş açtı. Urumçi sokakları kan gölüne döndü. Yürüyüşe engel olmak isteyen Çin polisinin göstericilere karşı şiddet kullanması üzerine kargaşa yaşandı.

Çin polisi kendilerine direnen silahsız göstericiler üzerine ateş açınca ortalık bir anda kan gölüne döndü. Olaylar büyüyüp kısa sürede tüm şehre yayıldı. Göstericileri dağıtmak için Çin polisinin kullandığı su panzerleri ve tanklarının altında protestocuların ezildiği açıklanırken sokaklardaki yangında da ölenlerin olduğu kaydedildi. 
Urumçide çıkan olayların ardından, protesto gösterileri bölgenin kuzey batısındaki Kaşgar kentine sıçradı.Sokaklarda Çin polisi şiddet kullanırken, eylemciler de caddelerdeki araçları devirip yakarak tepki gösterdi
26 Haziranda Guangdong eyaletinin Shaoguan şehrinde bir oyuncak fabrikasında Han Çinlileri ile Doğu Türkistanlılar arasında olaylar yaşanmış, mecburi işçi olarak çalıştırılan Türk kızlara Çinlilerin sarkıntılık etmesi üzerine Uygur gençler olaya müdahale etmiş, bunun üzerine oyuncak fabrikasını basan binlerce Çinli, Doğu Türkistanlılara saldırmış olaylarda on iki Uygur Türkü ölürken çok sayıda kişi de yaralanmıştı.

Türk Bayrağı

Siz ne kadar indirsenizde bu Bayrak bizim kalbimizde göklerde, sizinde beyninize sokmayı biliriz mermiyle...
NE MUTLU TÜRK'ÜM DİYENE !...

İndirtme Bayrağı

 İSTİKLAL MARŞI

Korkma, sönmez bu şafaklarda yüzen al sancak;
Sönmeden yurdumun üstünde tüten en son ocak.
O benim milletimin yıldızıdır, parlayacak;
O benimdir, o benim milletimindir ancak.

Çatma, kurban olayım, çehrene ey nazlı hilal!
Kahraman ırkıma bir gül... Ne bu şiddet, bu celal?
Sana olmaz dökülen kanlarımız sonra helal;
Hakkıdır, Hakk'a tapan, milletimin istiklal.

Ben ezelden beridir hür yaşadım, hür yaşarım.
Hangi çılgın bana zincir vuracakmış? Şaşarım!
Kükremiş sel gibiyim: Bendimi çiğner, aşarım;
Yırtarım dağları, enginlere sığmam taşarım.

Garb'ın afakını sarmışsa çelik zırhlı duvar;
Benim iman dolu göğsüm gibi serhaddim var.
Ulusun, korkma! Nasıl böyle bir imanı boğar,
''Medeniyet!'' dediğin tek dişi kalmış canavar?

Arkadaş! Yurduma alçakları uğratma sakın;
Siper et gövdeni, dursun bu hayasızca akın.
Doğacaktır sana va'dettiği günler Hakk'ın...
Kim bilir, belki yarın, belki yarından da yakın.

Bastığın yerleri ''toprak!'' diyerek geçme, tanı!
Düşün altındaki binlerce kefensiz yatanı.
Sen şehid oğlusun, incitme, yazıktır, atanı:
Verme, dünyaları alsan da, bu cennet vatanı.

Kim bu cennet vatanın uğruna olmaz ki feda?
Şüheda fışkıracak toprağı sıksan, şüheda!
Canı, cananı, bütün varımı alsın da Huda,
Etmesin tek vatanımdan beni dünyada cüda.

Ruhumun senden İlahi şudur ancak emeli:
Değmesin ma'bedimin göğsüne na-mahrem eli;
Bu ezanlar -- ki şehadetleri dinin temeli --
Ebedi, yurdumun üstünde benim inlemeli.

O zaman vecd ile bin secde eder -- varsa -- taşım;
Her cerihamda, İlahi, boşanıp kanlı yaşım,
Fışkırır ruh-i mücerred gibi yerden na'şım!
O zaman yükselerek Arş'a değer, belki, başım.

Dalgalan sen de şafaklar gibi ey şanlı hilal!
Olsun artık dökülen kanlarımın hepsi helal.
Ebediyyen sana yok, ırkıma yok izmihlal:
Hakkıdır, hür yaşamış, bayrağımın hürriyet;
Hakkıdır, Hakk'a tapan, milletimin istiklal.

Mehmet Akif ERSOY

Beste : Osman Zeki Üngör

Mehmet Akif Ersoy'a ait olan bu şiir 12 Mart 1921 tarihinde TBMM tarafından ulusal marş olarak kabul edildi. 
1930 yılından itibaren Cumhurbaşkanlığı Senfoni Orkestrası Şefi Osman Zeki Üngör'ün bestesi ile çalınmaya başlandı.

HOCALI KATLİAMI - Xocalı soyqırımı - The Khojaly massacre

HOCALI KATLİAMI NEDİR ?

26.02.1992

 Ermeni kuvvetleri 25 Şubat’ı 26 Şubat'a bağlayan gecede Hocalı kasabasında, 83 çocuk, 106 kadın ve 70'den fazla yaşlı dahil olmak üzere toplam 613 kişiyi katletti. Yaşanan sadece insanların katledilmesi değildi. Cesetler üzerinde yapılan incelemelerde bir çoğunun yakılmış olduğu, gözlerinin oyulduğu tespit edildi. Hamile kadınlar ve çocukların da bu vahşete maruz kaldığı belirlendi.

 Bundan 22 yıl önce  Azerbaycan’nın Dağlık Karabağ bölgesindeki Hocalı kasabasında Ermeni kuvvetleri  yüzlerce Türkü katletti. 336.Sovyet Mekanize Alayının da desteği ile Hocalı kasabasına giren Ermeniler kadın çocuk erkek ayrımı yapmadan işkenceye varan yöntemlerle eşine az rastlanır bir katliam gerçekleştirdiler. 1980’li yılların ikinci yarısından itibaren SSCB (Sovyet Sosyalist Cumhuriyetler Birliği)'nin dağılma sürecine girmesi Azerbaycan ile Ermenistan arasında gerilimli bir süreci başlattı. Ermenistan Sosyalist Cumhuriyeti Azerbaycan’a ait olan Karabağ bölgesinin dağlık kısmında Ermeni nüfusunun fazla olduğunu belirterek bölgenin kendisine ait olması gerektiğini iddia edecekti. 1989 yılında yapılan nüfus sayımına göre Dağlık Karabağ bölgesinin nüfusunun %75’i Ermenilerden, %25’i Azerilerden oluşmaktaydı. Ancak bölgede Ermeni nüfusunun fazla olmasının sebebi Sovyetler Birliğinin yıllar süren politikalarıydı. Bölge uluslar arası örgütlerin de kabul ettiği gibi tarihi ve hukuki olarak Azerbaycan'a ait topraklardı.

Bölgedeki gerilim 1988 yılında Dağlık Karabağ bölgesindeki Ermenilerin Azerbaycan’dan ayrılarak Ermenistan’a katılmak istemeleri ile arttı. Dağlık Karabağ Meclisi karar alarak Ermenistan’a bağlandığını ilan etti. Bu gelişme üzerine Azerbaycan, Dağlık Karabağ bölgesinin özerk statüsünü kaldırdığını ve kendine bağladığı yönünde bir karar aldı. Karabağ özerk yönetiminin buna cevabı ise bağımsızlık referandumu oldu. Bölgede yaşayan Azerilerin katılmadığı referandumdan çıkan bağımsızlık kararının ardından 6 Ocak 1992’de Dağlık Karabağ Cumhuriyeti resmen ilan edildi.

Bölgesinde yaşanan bu gelişmeler Ermenistan ile Azerbaycan arasındaki savaşı başlatan sebep oldu. 1991 yılının sonlarında başlayan savaş Ermenilerin lehine gelişti. Rus desteğini alan Ermeniler Dağlık Karabağ bölgesine girerek bölgeyi işgale ettiler. Hocalı kasabasında yaşananlarsa bu savaşın henüz başlarında yaşanan bir katliamdı.

Dağlık Karabağ’ın en önemli tepelerinden ve dolayısıyla hakim konumu itibariyle önemli bir mevki olan Hocalı kasabası Ermeni kuvvetleri için önemli bir askeri hedefti. Kasaba aylarca top ateşine tutuldu ve Ermeni kuvvetlerince abluka altına alındı. Etrafıyla bağlantısı kesildi. Katliamın gerçekleştiği tarihlerde 10 bin nüfuslu Hocalı’da 3 bin civarı Azeri bulunmaktaydı. Ermeni kuvvetleri 25 Şubat’ı 26 Şubat'a bağlayan gecede bölgedeki Sovyetlerin 366. Mekanize Alayının da desteği ile Hocalı kasabasında, 83 çocuk, 106 kadın ve 70'den fazla yaşlı dahil olmak üzere toplam 613 kişiyi katletti. Yaşanan sadece insanların katledilmesi değildi. Cesetler üzerinde yapılan incelemelerde bir çoğunun yakılmış olduğu, gözlerinin oyulduğu tespit edildi. Hamile kadınlar ve çocukların da bu vahşete maruz kaldığı belirlendi.

Hocalı'ya yakın bölgede Ermeni askeri birliklerine komutanlık yapmış olan Monte Melkonyan katliamdan bir gün sonra Hocalı çevresinde gördüklerini günlüğünde şöyle tasvir etmiş:
Bir gece önce akşam 11 civarında, 2.000 Ermeni savaşçısı, Hocalı'nın üç tarafındaki yüksekliklerden ilerleyerek, kasaba sakinlerini doğudaki açılışa doğru sıkıştırmışlar. 26 Şubat sabahına kadar mülteciler Dağlık Karabağın doğu yüksekliklerine ulaşmış ve aşağıdaki Azeri kenti olan Ağdam'a doğru inmeye başlamışlar. Burdaki tepeciklerde yerleşen sivilleri güvenli arazide takip eden Dağlık Karabağ askerleri onlara ulaşmışlar. Mülteci kadın Reise Aslanova İnsan Hakları İzleme Örgütüne verdiği açıklamada "Onlar sürekli ateş ediyorlardı" diye konuşmuştu. Arabo'nun savaşçıları daha sonra uzun zaman kalçalarında taşıdıkları bıçakları kınlarından çıkararak bıçaklamaya başlamışlar.
Şu anda yalnız kuru çimenden esen rüzgarın sesi ıslık çalıyordu, ve ceset kokusunu uçurması için bu rüzgar henüz erkendi.Monte üzerinde kadınların ve çocukların kırılmış kuklalar gibi saçıldığı çimene eğilerek "Disiplin yok" diye fısıldadı. O bu günün önemini anlıyordu: bu gün Sumgayıt Pogromunun dördüncü yıldönümüne yaklaşıyordu. Hocalı stratejik bir amaç olmasından başka aynı zamanda bir öç alma eylemiydi.

Hocalı’da yaşanan bu katliama Birleşmiş Milletler ve Batılı devletler ciddi bir tepki göstermediler. Batılı ülkelerin bu tutumu ve Rus desteğiyle Ermeni kuvvetleri kısa bir süre içerisinde Dağlık Karabağ bölgesini ve bir kısım Azerbaycan topraklarını işgal etti. Ermenistan ile Azerbaycan arasındaki bu savaş 1994 yılına kadar devam etti. 1994 yılında iki taraf arasında ateşkes sağlandı. Ancak ateşkesin ardından başlayan barış görüşmelerinde herhangi bir sonuca ulaşılamadı.

Periyodik Tablonun CSS Kısmı

CSS Kısmı (Periyodik Tablo)

 body
 {
    font-size: 16px; background: url('resim3.jpg');
     background-repeat: no-repeat; color:white;
}
section
{
    width: 1500px; max-width: 90%; margin: 0px auto; color:white;
}
#container
{
    width: 1400px; color:white;
}
.box
{
    border: 3px solid black;  max-width: 50px; max-height: 50px; color:white;
    padding: 10px; line-height: 50px;  text-align: center;  font-size: 1.63em;
}

#panelOne
{
    float: left; color:white; background-color: lightblue; margin-top: 80px; margin-left: 180px;
}
#panelOne:hover
{
    font-style: italic; background-color: blue; opacity: 0.8;
}

#panelTwo
{
    float: left; position: relative; top: 75px; color:white; background-color: lightblue; margin-top: 80px;
}
#panelTwo:hover
{
    font-style: italic; background-color: blue; opacity: 0.8;
}

.panelThree
{
    float: left; position: relative; top: 225px; color:white; background-color: pink; margin-top: 80px;
}
.panelThree:hover
{
    font-style: italic; background-color: red; opacity: 0.8;
}

.panelFour
{
    float: left; position: relative; top: 75px; color:white; background-color: orange; margin-top: 80px;
}
.panelFour:hover
{
    font-style: italic; background-color: brown; opacity: 0.8;
}

#panelFive
{
    float: left; color:white; background-color: orange; margin-top: 80px;
}
#panelFive:hover
{
   font-style: italic; background-color: brown; opacity: 0.8;
}

#lowerContainer
{
    float: left; margin-top: 20px; color:white; margin-left: 300px;
}

.bottom
{
    float: left; color:white; background-color: green;
}
.bottom:hover
{
    font-style: italic; background-color: darkgreen; opacity: 0.8;
}
a
{
    text-decoration: none;color:white;
}
#all1 a
{
    text-decoration: none; color: white;
}
#boxinf
{
    width: 10px; height: 10px; float: right; margin-right: 100px; font-size: 26px; font-style: bold;
}

Periyodik Tablonun HTML Kısmı

HTML KISMI (Periyodik Tablo)

<html>
    <head>
        <meta charset="UTF-8">
        <link rel="stylesheet" type="text/css" href="elements.css">
        <title>Elementler Tablosu</title>
    </head>
    <body>
        <section>
            <div id="container">
            <div id="panelOne">
                <a href="hidrojen.html"><div class="box"> H  </div></a>
                <a href="lityum.html"><div class="box"> Li </div></a> 
                <a href="sodyum.html"><div class="box"> Na </div></a> 
                <a href="potasyum.html"><div class="box"> K  </div></a> 
                <a href="#"><div class="box"> Rb </div></a> 
                <a href="#"><div class="box"> Cs </div></a>
                <a href="#"><div class="box"> Fr </div></a> 
            </div>
            <div id="panelTwo">
                <a href="berilyum.html"><div class="box"> Be </div></a>
                <a href="magnezyum.html"><div class="box"> Mg </div></a>
                <a href="kalsiyum.html"><div class="box"> Ca </div></a>
                <a href="#"><div class="box"> Sr </div></a>
                <a href="#"><div class="box"> Ba </div></a>
                <a href="#"><div class="box"> Ra </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Sc </div></a>
                <a href="#"><div class="box"> Y  </div></a>
                <a href="#"><div class="box"> X*  </div></a>
                <a href="#"><div class="box"> X*  </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Ti </div></a>
                <a href="#"><div class="box"> Zr </div></a>
                <a href="#"><div class="box"> Hf </div></a>
                <a href="#"><div class="box"> Rf </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> V  </div></a>
                <a href="#"><div class="box"> Nb </div></a>
                <a href="#"><div class="box"> Ta </div></a>
                <a href="#"><div class="box"> Db </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Cr </div></a>
                <a href="#"><div class="box"> Mo </div></a>
                <a href="#"><div class="box"> W  </div></a>
                <a href="#"><div class="box"> Sg </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Mn </div></a>
                <a href="#"><div class="box"> Tc </div></a>
                <a href="#"><div class="box"> Re </div></a>
                <a href="#"><div class="box"> Bh </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Fe </div></a>
                <a href="#"><div class="box"> Ru </div></a>
                <a href="#"><div class="box"> Os </div></a>
                <a href="#"><div class="box"> Hs </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Co </div></a>
                <a href="#"><div class="box"> Rh </div></a>
                <a href="#"><div class="box"> Ir </div></a>
                <a href="#"><div class="box"> Mt </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Ni </div></a>
                <a href="#"><div class="box"> Pd </div></a>
                <a href="#"><div class="box"> Pt </div></a>
                <a href="#"><div class="box"> Ds </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Cu </div></a>
                <a href="#"><div class="box"> Ag </div></a>
                <a href="#"><div class="box"> Au </div></a>
                <a href="#"><div class="box"> Rg </div></a>
            </div>
            <div class="panelThree">
                <a href="#"><div class="box"> Zn </div></a>
                <a href="#"><div class="box"> Cd </div></a>
                <a href="#"><div class="box"> Hg </div></a>
                <a href="#"><div class="box"> Cn </div></a>
            </div>
            <div class="panelFour">
                <a href="bor.html"><div class="box"> B  </div></a>
                <a href="aluminyum.html"><div class="box"> Al </div></a>
                <a href="#"><div class="box"> Ga </div></a>
                <a href="#"><div class="box"> In </div></a>
                <a href="#"><div class="box"> Ti </div></a>
                <a href="#"><div class="box"> Uut </div></a>
            </div>
            <div class="panelFour">
                <a href="karbon.html"><div class="box"> C </div></a>
                <a href="silisyum.html"><div class="box"> Si </div></a>
                <a href="#"><div class="box"> Ge </div></a>
                <a href="#"><div class="box"> Sn </div></a>
                <a href="#"><div class="box"> Rb </div></a>
                <a href="#"><div class="box"> Fl </div></a>
            </div>
            <div class="panelFour">
                <a href="azot.html"><div class="box">N </div></a>
                <a href="fosfor.html"><div class="box">P </div></a>
                <a href="#"><div class="box">As </div></a>
                <a href="#"><div class="box">Sb </div></a>
                <a href="#"><div class="box"> Bi </div></a>
                <a href="#"><div class="box"> Uup </div></a>
            </div>
            <div class="panelFour">
                <a href="oksijen.html"><div class="box"> O </div></a>
                <a href="kukurt.html"><div class="box"> S </div></a>
                <a href="#"><div class="box"> Se </div></a>
                <a href="#"><div class="box"> Te </div></a>
                <a href="#"><div class="box"> Po </div></a>
                <a href="#"><div class="box"> Lv </div></a>
            </div>
            <div class="panelFour">
                <a href="flor.html"><div class="box"> F </div></a>
                <a href="klor.html"><div class="box"> Cl </div></a>
                <a href="#"><div class="box"> Br </div></a>
                <a href="#"><div class="box"> I </div></a>
                <a href="#"><div class="box"> At </div></a>
                <a href="#"><div class="box"> Uus </div></a>
            </div>
            <div id="panelFive">
                <a href="helyum.html"><div class="box"> He </div></a>
                <a href="neon.html"><div class="box"> Ne </div></a>
                <a href="argon.html"><div class="box"> Ar </div></a>
                <a href="#"><div class="box"> Kr </div></a>
                <a href="#"><div class="box"> Xe </div></a>
                <a href="#"><div class="box"> Rn </div></a>
                <a href="#"><div class="box"> Uuo </div></a>
            </div>
        </div>
        <div id="lowerContainer">
            <div class="bottom">
                <div class="box"> * </div>
                <div class="box"> * </div>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> La </div></a>
                <a href="#"><div class="box"> Ac </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Ce </div></a>
                <a href="#"><div class="box"> Th </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Pr </div></a>
                <a href="#"><div class="box"> Pa </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Nd </div></a>
                <a href="#"><div class="box"> U  </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Pm </div></a>
                <a href="#"><div class="box"> Np </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Sm </div></a>
                <a href="#"><div class="box"> Pu </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Eu </div></a>
                <a href="#"><div class="box"> Am </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Gd </div></a>
                <a href="#"><div class="box"> Cm </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Tb </div></a>
                <a href="#"><div class="box"> Bk </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Dy </div></a>
                <a href="#"><div class="box"> Cf </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Ho </div></a>
                <a href="#"><div class="box"> Es </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Er </div></a>
                <a href="#"><div class="box"> Fm </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Tm </div></a>
                <a href="#"><div class="box"> Md </div></a>
            </div>
            <div class="bottom">
                <a href="#"><div class="box"> Yb </div></a>
                <a href="#"><div class="box"> No </div></a>
            </div>           
        </div>
        </section>
    </body>
</html>

HTML Yeniden

 

Html İle Elementler Tablosu

 

Öncelikle web sayfasının ekran görüntülerini vereceğim kodu daha sonra yayınlayacağım. CSS ve HTML olarak iki ayrı yayında yayınlayacağım.

ekran Görüntüsü.