html-kodu-html5

25+ En Pratik Yazı Tipleri HTML Kodları

html5En pratik yazı tipleri, yazı stilleri, şekilli yazı html kodlarını bir çatı altında toplamak istedim. Ben güzel bir arşiv olduğunu düşünüyorum. Tabi ki html + css kullanılarak da güzel yazı stilleri üretebilmek mümkün. Fakat bu yazımızda çok basit ve temel html kodları kullanacağız. Blogunuzda yazı yazarken, tema tasarım yaparken de işinizi kolaylaştıracağına eminim.

Örnek yazı ve html kodu şeklinde aşağıya listeleyelim.


Eğik yazı kodu 1

<em>Eğik yazı kodu 1</em>

Eğik yazı kodu 2

<i>Eğik yazı kodu 2</i>

Eğik yazı Kodu 3

<var>Eğik yazı Kodu 3</var>

Eğik yazı Kodu 4

<cite>Eğik yazı Kodu 4</cite>

Kalın yazı kodu 1

<strong>Kalın yazı kodu 1</strong>

Yazı kalınlaştırma kodu 2

<b>Yazı kalınlaştırma kodu 2</b>

Altı çizili yazı kodu 1

<u>Altı çizili yazı kodu 1</u>

Altı çizili yazı kodu 2

<ins>Altı çizili yazı kodu 2</ins>

Üzeri çizili yazı kodu 1

<s>Üzeri çizili yazı kodu 1</s>

Üzeri çizili yazı kodu 2

<del>Üzeri çizili yazı kodu 2</del>

Teletip Yazı kodu

<tt>Teletip Yazı kodu</tt>

Code yazı kodu

<code>Code yazı kodu</code>

Sample yazı kodu

<samp>Sample yazı kodu</samp>

KBD yazı kodu

<kbd>KBD yazı kodu</kbd>

Alıntı yazısı kodu

<q>Alıntı yazısı kodu</q>

Üzerine gelince ‘?’ işareti ve ‘Açıklama’ çıkan yazı kodu

<abbr title="Açıklama yazın">Üzerine gelince '?' işareti ve 'Açıklama' çıkan yazı kodu</abbr>

Arkaplan rengi olan yazı kodu

<mark>Arkaplan rengi olan yazı kodu</mark>

Normal ve Normalden küçük olan yazı kodu

Normal ve <small>Normalden küçük olan yazı kodu</small>

Normal ve Normalden büyük olan yazı kodu

Normal ve <big>Normalden büyük olan yazı kodu</big>

Alt yazı koduDoktor Blogu – izzetbagce.com

Alt yazı kodu<sub>Doktor Blogu - izzetbagce.com</sub>

Üst yazı koduDoktor Blogu – izzetbagce.com

Üst yazı kodu<sup>Doktor Blogu - izzetbagce.com</sup>

Ters Yazı kodu – Doktor Blogu

Ters Yazı kodu - <bdo dir="rtl">Doktor Blogu</bdo>

Düz Yazı kodu – Doktor Blogu

Düz Yazı kodu - <bdo dir="ltr">Doktor Blogu</bdo>

<textarea cols="33" rows="1">Metin yazısı alanı kodu</textarea>

Doktor Blogu – izzetbagce.com
<address>Doktor Blogu - izzetbagce.com</address>

Sağlıcakla kalın.


Bir cevap yazın

This site uses Akismet to reduce spam. Learn how your comment data is processed.