Header Ads

Halk Eğitimi Merkezi Bilgisayar Kursları

Html ile Web İşlemleri 13 - Del, Sup ve Sub Etiketleri

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


7. <del> Etiketi

HTML belgesindeki yazıların üstünü çizmek için <del> etiketi kullanılır.

Sıra Sizde

Görsel 3.15’te tarayıcıdaki görüntüsü verilen HTML belgesini oluşturunuz.


Türkçesi varken </br>
<del> logo </del> : belirtke </br>
<del> kampus </del> : yerleşke </br>
<del> vizyon </del> : görüş </br>

Görsel 3.15: <del> etiketi kullanımı


8. <sup> ve <sub> Etiketleri

HTML belgesi içinde metin karakterlerini üste almak için <sup>, alta almak için <sub> etiketi kullanılır.

Sıra Sizde

Aşağıdaki HTML komutlarını kullanarak HTML belgesini oluşturunuz ve tarayıcıda görüntüleyiniz.

H<sub>2</sub>O bileşiği hayatın, C<sub>6</sub>H<sub>12</sub>O<sub>6</sub> bileşiği
ise vücudun temel ihtiyaç maddelerinden biridir. </br>
<hr>
(x+y)<sup>2</sup>=x<sub>2</sub>+2xy+y<sub>2</sub>


9. Diğer Metin Biçimlendirme Etiketleri

HTML5’te metin biçimlendirme (renk, yazı karakteri, yazı boyutu değiştirme, hizalama vb.) işlemleri CSS ile yapılır fakat bazı temel metin biçimlendirme (kalınlaştırma, altını çizme, eğik yazma vb.) işlemleri için ise özel etiketler kullanılmaktadır. Metin hizalama işlemleri için de CSS kullanılabileceği gibi tablolar ve listeleme komutları ile temel seviyede hizalama işlemleri gerçekleştirilir. Bu işlemler dışında metin biçimlendirmesi için kullanılan bazı etiketler Uygulama 9’da verilmiştir.

Uygulama - 9

Metin biçimlendirmesinde kullanılan diğer etiketleri 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: Aşağıdaki diğer metin biçimlendirme etiketlerini <body> etiketi içine yazınız.

<p><abbr title= "Hyper Text Markup Language">HTML</abbr></p>
<p><bdo dir="ltr">Bu metin soldan sağa doğru. </bdo></p>
<p><bdo dir="rtl">Bu metin sağdan sola doğru. </bdo></p>
<p></p><cite> Web Tabanlı Uygulama Geliştirme</cite> Komisyon, 2021.</p>
<p></p>HTML <code>table</code> etiketi tablo oluşturur.
<p><dfn>HTML</dfn> standart metin işaretleme dilidir. </p>
<p><dfn title="Hyper Text Markup Language">HTML</dfn> standart metin işaretleme
dilidir. </p>
<p><dfn><abbr title="HyperText Markup Language">HTML</abbr></dfn>standart metin
işaretleme dilidir. </p>
<p><dfn id="htmlreferans">HTML</dfn> standart metin işaretleme dilidir. </p>
<p>Kopyalama klavye kısa yolu : <kbd>Ctrl</kbd>+<kbd>C</kbd></p>
<p>Bakınız, şair vatanı ne güzel tarif ediyor:</br><q>Bayrakları bayrak yapan üstündeki
kandır.</br>Toprak eğer uğrunda ölen varsa vatandır. </q></p>
<p><samp>Örnek bilgisayar program çıktısı</samp></p>
<p>İlk ders <time>09:00</time>‘da başlıyor. </p>
<p>Matematik Kuralı:</p>
<var>x</var>(<var>y</var>+<var>z</var>)=<var>xy</var>+<var>xz</var></p>
<p>
<details>
<summary>Göster / Gizle</summary>
<p>Başlık tıklandığında içeriğe ulaşabilirsiniz</p>
</details> </p>

3. Adım: Her paragrafta oluşturduğunuz HTML belgesini tarayıcıda görüntüleyiniz.



Hiç yorum yok

Blogger tarafından desteklenmektedir.