Html ile İstiklal Marşımız , aşağıdaki html metin etiketleri kullanıldı. Kendi kendinizi test etmek için , öncelikler hangi yazının hangi özellikleri aldığını belirleyerek , html kodlarını yazabilirsiniz.
Kullanılan Metin Etiketleri
H1, p, strong, b, em. i. u, font, mark, hr, br
Kullanılan Parametreler
bgcolor. size. color, face, align, width
Uygulama kodlarını yazdığınızda , görünüm yukarıdaki gibi olmayabilir. Uygulamanın makale sayfasında daha düzgün biçimde görüntülenebilmesi için, sayfa boşluklarını css ile ayarladım. Dolayısıyla siz kodları yazdığınızda , görünüm sayfanın sol ve üst tarafından başlyacaktır.
HTML metin etiketleri ile ilgili bilgilere ve örneklere aşağıdaki yazılardan ulaşabilirsiniz...
HTML KODLARI
<!doctype html>
<html>
<head>
<title>İSTİKLÂL MARŞI</title>
<meta charset="utf-8">
</head>
<body bgcolor="#eee">
<h1>İSTİKLÂL MARŞI</h1>
<p>
<font color="red">Korkma, sönmez bu şafaklarda yüzen al sancak;</font><br>
<strong>Sönmeden yurdumun üstünde tüten en son ocak.</strong><br>
<em>O benim milletimin yıldızıdır, parlayacak;</em><br>
<u>O benimdir, o benim milletimindir ancak.</u><br>
</p>
<hr color="blue" size="5" width="330" align="left">
<p>
<b><i> Çatma, kurban olayım çehreni ey nazlı hilâl!</i></b><br>
<b><u> Kahraman ırkıma bir gül… ne bu şiddet bu celâl?</u></b><br>
<font color="green"><b> Sana olmaz dökülen kanlarımız sonra helâl,</b></font><br>
<font face="calibri" color="blue"> Hakkıdır, Hakk’a tapan, milletimin istiklâl.</font><br>
</p>
<hr color="blue" size="5" width="330" align="left">
<p>
<font color="red"><u>Ben ezelden beridir hür yaşadım, hür yaşarım.</u></font><br>
<font size="6"> Hangi çılgın bana zincir vuracakmış? Şaşarım!</font><br>
<font color="darkred"><i> Kükremiş sel gibiyim; bendimi çiğner, aşarım;</i></font><br>
<font face="verdana"><i>Yırtarım dağları, enginlere sığmam, taşarım.</i>
</p>
<hr color="blue" size="5" width="600" align="left"/>
<p>
<b><i><u> Garb’ın âfâkını sarmışsa çelik zırhlı duvar;</u></i></b><br>
<b><u><font color="red"> Benim iman dolu göğsüm gibi serhaddim var.</font></u></b><br>
<font color="blue" face="calibri"><i> Ulusun, korkma! Nasıl böyle bir îmânı boğar,</i></font><br>
<font color="orange" face="comicsans" size="3"> "Medeniyet!" dediğin tek dişi kalmış canavar?</font><br>
</p>
<hr color="blue" size="5" width="400" align="left"/>
<p>
<b><i><u>
Arkadaş! Yurduma alçakları uğratma sakın;<br>
Siper et gövdeni, dursun bu hayâsızca akın.<br>
Doğacaktır sana va’dettiği günler Hakk’ın…<br>
Kim bilir, belki yarın… belki yarından da yakın.<br>
</u></i></b>
</p>
<hr color="blue" size="5" width="400" align="left"/>
<p>
<font color="red"><strong>
Bastığın yerleri "toprak!" diyerek geçme, tanı!<br>
Düşün altındaki binlerce kefensiz yatanı.<br>
Sen şehîd oğlusun, incitme, yazıktır atanı;<br>
Verme, dünyâları alsan da, bu cennet vatanı.<br>
</strong></font>
</p>
<hr color="blue" size="5" width="400" align="left"/>
<p>
<font face="verdana">
Kim bu cennet vatanın uğruna olmaz ki fedâ?<br>
Şühedâ fışkıracak, toprağı sıksan şühedâ!<br>
Cânı, cânânı, bütün varımı alsın da Hudâ,<br>
Etmesin tek vatanımdan beni dünyâda cüdâ.<br>
</font>
</p>
<hr color="blue" size="5" width="360" align="left"/>
<p>
<font size="7">
Ruhumun senden, İlâhî, şudur ancak emeli:<br>
Değmesin ma’bedimin göğsüne nâ-mahrem eli!<br>
Bu ezanlar-ki şehâdetleri dînin temeli
Ebedî yurdumun üstünde benim inlemeli<br>
</font>
</p>
<hr color="blue" size="5" align="left"/>
<p>
<h2>
O zaman vecd ile bin secde eder –varsa- taşım;<br>
Her cerîhamdan, İlâhî, boşanıp kanlı yaşım,<br>
Fışkırır rûh-i mücerred gibi yerden na’şım;<br>
O zaman yükselerek Arş’a değer, belki başım.<br>
</h2>
</p>
<hr color="blue" size="5" width="630" align="left"/>
<p>
<font color="green"><b>
Dalgalan sen de şafaklar gibi ey şanlı hilâl;<br>
Olsun artık dökülen kanlarımın hepsi helâl.<br>
Ebediyen sana yok, ırkıma yok izmihlâl:<br>
Hakkıdır, hür yaşamış bayrağımın hürriyet;<br>
Hakkıdır, Hakk’a tapan milletimin istiklâl!<br>
</b></font>
</p>
<hr color="blue" size="5" width="380" align="left"/>
<h1><font color="gray">MEHMET AKİF ERSOY</font></h1>
</body>
</html>
