KATRASA, Serkan AVCI

Ne olursan ol bize gel...

HTML Tags - 9 (Text Formatting)

9. bölüm Text Formatting (Yazı Biçimlendirme) - Bazı durumlarda sayfamızda bulunan metinler içinde yer alan harflerin, kelimelerin, cümlelerin veya paragrafların farklı biçimlerde yazılmasını tercih ederiz. Bu tamamen dikkati nereye çekmek istediğimizle alakalıdır. Bir harfin, bir kelimenin veya bir cümlenin diğerlerinden nasıl ayırt edilip farkettirilebilire cevap olarak bu bölümde belirteceğimiz HTML Tag leri oluşturulmuştur...

HTML Text Formatting bize html sayfamızda bulunan metinlerde yazı biçimlendirmesi yapmamızı sağlar.

Örnek verecek olursak;

Bu kalın bir yazıdır

Bu büyük bir yazıdır

Bu yatık bir yazıdır

Bu bilgisayar çıktısı şeklinde yazıdır

Bu alt simge ve bu üst simge şeklinde yazıdır

Text Formatting Tag leri

Tag leri, açıklamaları ve kullanım biçimini bir tablo üzerinde göstereceğim.

Text Formatting Tags (Metin Biçimlendirme Etiketleri)
Tag (Etiket) Açıklama Kullanım Şekli Önizleme
<b> Metninizi kalın (bold) olarak yazabilirsiniz <b>Bu kalın bir yazıdır</b> Bu kalın bir yazıdır
<big> Metninizi büyük olarak yazabilirsiniz <big>Bu büyük bir yazıdır</big> Bu büyük bir yazıdır
<em> Metninizi vurgulu olarak yazabilirsiniz <em>Bu vurgulu bir yazıdır</em> Bu vurgulu bir yazıdır
<i> Metninizi yatık (italik) olarak yazabilirsiniz <i>Bu yatık bir yazıdır</i> Bu yatık bir yazıdır
<small> Metninizi küçük olarak yazabilirsiniz <small>Bu küçük bir yazıdır</small> Bu küçük bir yazıdır
<strong> Metninizi güçlü (strong) olarak yazabilirsiniz <strong>Bu güçlü bir yazıdır</strong> Bu güçlü bir yazıdır
<sub> Metninize alt simge ekleyebilirsiniz Bu bir <sub>alt simge</sub> dir Bu bir alt simge dir
<sup> Metninize üst simge ekleyebilirsiniz Bu bir <sup>üst simge</sup> dir Bu bir üst simge dir
<ins> Metninize ilave yapabilirsiniz Bu bir <ins>ilave</ins> yazıdır Bu bir ilave yazıdır
<del> Metninizden bir bölümü çıkarabilirsiniz Bu bir <del>çıkartılmış</del> yazıdır Bu bir çıkartılmış yazıdır
<s> Bu etiket onaylanmamaktadır, bunun yerine <del> etiketi kullanılmaktadır.
<strike> Bu etiket onaylanmamaktadır, bunun yerine <del> etiketi kullanılmaktadır.
<u> Bu etiket onaylanmamaktadır, bunun yerine sytle (CSS) kullanılır.
"Computer Output" Tags (Bilgisayar Çıktısı Etiketleri)
Tag (Etiket) Açıklama Kullanım Şekli Önizleme
<code> Bilgisayar kodlaması biçimi <code>Bu bir bilgisayar kodudur</code> Bu bir bilgisayar kodudur
<kbd> Klavye yazı tipi <kbd>Klavye yazı tipi</kbd> Klavye yazı tipi
<samp> Bilgisayar kodu örneği <samp>Bilgisayar kodu örneği</samp> Bilgisayar kodu örneği
<tt> Teleks yazı tipi <tt>Teleks yazı tipi</tt> Teleks yazı tipi
<var> Değişken tanımlama <var>Bu bir değişkendir</var> Bu bir değişkendir
<pre> Önbiçimlenmiş yazı türü <pre>Bu bir önbiçimli yazıdır</pre>
Bu bir önbiçimli yazıdır
<listing> Bu etiket onaylanmamaktadır, bunun yerine <pre> etiketi kullanılmaktadır.
<plaintext> Bu etiket onaylanmamaktadır, bunun yerine <pre> etiketi kullanılmaktadır.
<xmp> Bu etiket onaylanmamaktadır, bunun yerine <pre> etiketi kullanılmaktadır.
Citations, Quotations, and Definition Tags (Alıntı, Aktarım ve Açıklama Etiketleri)
Tag (Etiket) Açıklama Kullanım Şekli Önizleme
<abbr> Kısaltmaları belirtebilirsiniz <abbr title="Türkiye Büyük Millet Meclisi">TBMM</abbr> TBMM
<acronym> Diğer bir kısaltma tipi <acronym title="World Wide Web">WWW</acronym> WWW
<address> Adresi belirtir <address>Abc sokak Def Apartmanı No:1 Daire:3 Şişli/İST.</address>
Abc sokak Def Apartmanı No:1 Daire:3 Şişli/İST.
<bdo> Yazım yönünü belirtir <bdo dir="ltr">Soldan sağa yazı</bdo> Soldan sağa yazı
<blockquote> Uzun Alıntıları belirtir Bu bir <blockquote>"Uzun Alıntı"</blockquote> dır Bu bir
"Uzun Alıntı"
dır
<q> Kısa Alıntıları belirtir Bu bir <q>"Kısa Alıntı"</q> dır Bu bir "Kısa Alıntı" dır
<cite> Metin içi veya dışarıdan aktarımları belirtir Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus adipiscing semper nulla.<cite>"Sed pellentesque luctus lorem"</cite> Sed pellentesque luctus lorem. Donec mollis congue erat. Nam consequat, velit vel facilisis euismod, risus ipsum gravida tortor, ut malesuada lectus tortor sit amet eros Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus adipiscing semper nulla."Sed pellentesque luctus lorem" Sed pellentesque luctus lorem. Donec mollis congue erat. Nam consequat, velit vel facilisis euismod, risus ipsum gravida tortor, ut malesuada lectus tortor sit amet eros
<dfn> Açıklama terimi Bu bir <dfn>"Açıklama Terimi"</dfn> dir Bu bir "Açıklama Terimi" dir

Tribünden 10. ders sesleri...

'04-'09, © Serkan AVCI katrasa.com - birine mi bakmıştın canım? en üstteyim...

Katrasa.com üzerinde bulunan tüm yazılı ve görsel malzemenin telif hakları belirtilen isimlere aittir. İzinsiz kopyalamak, kullanmak, yayınlamak tehlikeli ve yasaktır. Hırsızların kalbi itinayla kırılır, eline verilir.

Zenci Bunu yazan tosun...

Blogbox

MAKALELER

HTML Dersleri

BAĞLANTILAR

TAKİP EDİLENLER

KATRASA on ...