Header Ads

Halk Eğitimi Merkezi Bilgisayar Kursları

Html ile Web İşlemleri 12 - U, Ins, Small, Pre Etiketleri

METİN BİÇİMLENDİRME ETİKETLERİ


4. <u> ve <ins> Etiketleri

HTML belgesindeki yazıların altını çizmek için <u> veya <ins> etiketleri kullanılır. <ins> etiketi, anlamsal etikettir. Görsel açıdan <u> ve <ins> etiketleri arasında bir fark yoktur. <u> etiketi, HTML5 tarafından desteklenmemektedir.

Sıra Sizde

Görsel 3.14’te tarayıcıdaki görüntüsü verilen HTML belgesini oluşturunuz. Bu HTML komutları arasındaki farkları arkadaşlarınızla tartışınız.

<ins> İlim ilim bilmektir </ins></br>
İlim kendin bilmektir </br>
Sen kendin bilmezsin </br>
<u> Ya nice okumaktır </u></br>
<i><b> Yunus Emre </b></i>

Görsel 3.14. <u> ve <ins> etiketi kullanımı

5. <small> Etiketi

HTML belgesi içinde daha küçük paragraf metni yazmak için kullanılır.

Sıra Sizde

Aşağıdaki kodları kullanarak HTML belgesi oluşturup tarayıcıda görüntüleyiniz.

Bu metin normal büyüklükte yazılmıştır. </br>
<small> Bu metin small etiketi içinde yazılmış küçük bir metindir. </small>

6. <pre> Etiketi

<pre> etiketi, standart metin uzunluğu tanımlar. Metin, sabit genişlikli bir yazı tipinde görüntülenir ve hem boşlukları hem de satır sonlarını korur. Metin, tam olarak HTML kaynak kodunda yazıldığı gibi görüntülenir.

Sıra Sizde

Aşağıdaki kodları kullanarak HTML belgesi oluşturup tarayıcıda görüntüleyiniz.

<p><strong>İSTİKLAL MARŞI</strong></p>
<pre>     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 çehreni ey nazlı hilâl!
                                                      Kahraman ırkıma bir gül… ne bu şiddet bu celâl?
                                                      Sana olmaz dökülen kanlarımız sonra helâl,
                                                      Hakkıdır, Hakk’a tapan, milletimin istiklâl.</pre>


Uygulama - 7

Atatürk’ün Gençliğe Hitabesi’ni paragraf ve metin biçimlendirme HTML komutlarını kullanarak yönergeler doğrultusunda gerçekleştiriniz.

1. Adım: Temel HTML yapısını metin düzenleme programında oluşturunuz.
2. Adım: Atatürk’ün Gençliğe Hitabesini <body> etiketi içine yazınız.
3. Adım: HTML belgesi olarak kaydettikten sonra tarayıcıda görüntüleyiniz.
4. Adım: Paragraf ve metin biçimlendirme etiketlerini kullanarak biçimlendiriniz.
5. Adım: HTML belgesini kaydedip tarayıcıda tekrar görüntüleyiniz.

<p><strong>ATATÜRK’ÜN GENÇLİĞE HİTABESİ</strong></p><p><b> Ey Türk gençliği! </
b><ins>Birinci vazifen; </ins> <br> Türk istiklalini, <br> Türk cumhuriyetini, <u> ilelebet
muhafaza ve müdafaa etmektir. </u></p><p><mark>Mevcudiyetinin ve istikbalinin yegâne
temeli budur. </mark> Bu temel, senin en kıymetli hazinendir. İstikbalde dahi seni bu
hazineden mahrum etmek isteyecek dâhilî ve haricî bedhahların olacaktır. Bir gün, istiklal
ve cumhuriyeti müdafaa mecburiyetine düşersen, vazifeye atılmak için içinde bulunacağın
vaziyetin imkân ve şeraitini düşünmeyeceksin. Bu imkân ve şerait, çok namüsait bir
mahiyette tezahür edebilir. İstiklal ve cumhuriyetine kastedecek düşmanlar, bütün dünyada
emsali görülmemiş bir galibiyetin mümessili olabilirler. Cebren ve hile ile aziz vatanın
bütün kaleleri zapt edilmiş, bütün tersanelerine girilmiş, bütün orduları dağıtılmış ve
memleketin her köşesi bilfiil işgal edilmiş olabilir. Bütün bu şeraitten daha elim ve daha
vahim olmak üzere, memleketin dâhilinde iktidara sahip olanlar, gaflet ve dalalet ve hatta
hıyanet içinde bulunabilirler. Hatta bu iktidar sahipleri, şahsi menfaatlerini müstevlilerin
siyasi emelleriyle tevhit edebilirler. Millet, fakruzaruret içinde harap ve bitap düşmüş
olabilir. </p> <p> <b> Ey Türk istikbalinin evladı! </b> <em> İşte, bu ahval ve şerait içinde
dahi vazifen, Türk istiklal ve cumhuriyetini kurtarmaktır. Muhtaç olduğun kudret, damarlarındaki
asil kanda mevcuttur. </em> </p><p><b>Mustafa Kemal Atatürk<b></p><small>
20 Ekim 1927 </small>

Hiç yorum yok

Blogger tarafından desteklenmektedir.