HTML TEMELLERİ
HTML NEDİR ? HTML Başlık(Heading) HTML Paragraf(Paragraphs) HTML Yazı Stili(Font Style) HTML Yazı Formatları(Format Text) HTML Renk Kodları(Color Codes) HTML Link Verme-Ekleme HTML Resim Ekleme(Add a Image) HTML Tablo Ekleme(Add a Table) HTML Liste Ekleme(Add a List) HTML Web Site Penceresi Ekleme(Iframe) HTML Head ve Meta Etiketleri HTML Semboller(Symbols) HTML Form HTML Form Elemanları(Form Elements) HTML Form Giriş Özellikleri (Form Input Properties)
HTML5
İLERİ SEVİYE
HTML 5 NEDİR? HTML Sayfa Bölümleri HTML Form Giriş(Input) Özellikleri HTML Form Elementleri HTML Form Özellikleri(Form Properties) HTML Canvas Kullanımı HTML SVG Kullanımı HTML Video Ekleme-Oynatma(Video Player) HTML Ses Ekleme-Oynatma(Audio Player)
CSS TEMELİ
CSS NEDİR ? CSS CSS-HTML İlişkisi CSS Backgrounds(Arkaplan) CSS Border(Kenarlık) CSS Margins(Dış Boşluk) CSS Padding(İç Boşluk) CSS Height and Width(Yükseklik ve Genişlik) CSS Box Model(Kutu Modeli) CSS Outline(Dış Çizgi) CSS Text(Metin) CSS Fonts(Yazı) CSS Icons(Ikon) CSS Links CSS List(Liste) CSS Tables(Tablolar) CSS Display(Görüntü-Ekran) CSS Layout - Width and Max-width(Yerleşim - Genişlik ve Max Genişlik) CSS Positon(Durum) CSS Overflow(Taşma) CSS Layout-Float and Clear(Yerleşim - Yön ve Temizliği) CSS Image Opacity / Transparency(Opaklık/Saydamlık) CSS Navigation Bar(Gezinme Menüsü)
html yazı formatı
html italik yazı kodu
html italik yazı kodları
html yazıyı italik yapma
html yazı küçültme kodu
html yazı boyutu küçültme
html yazı boyutu küçültme kodu
html de yazının üstünü çizme
html yazının üstünü çizme
html yazının altını çizme kodu
html de yazının altını çizme
html italics style
html italics example
html italics alternative
html italics tag
html italics and underline
html small text tag
html small text code
html small text size
html small text input
html mark text color
html stroke text
html underline text tag
html underline text code
html underline text style
html underline text decoration
html underline text color
html underline text example
html code sup text
sup text in html

HTML Yazı Formatları(Format Text)

HTML Yazı Formatları(Format Text)
Html
<p>Merhaba <i>italik</i>etiketi</p>


<h2><small>küçükk yazı içeren baslik</small></h2>


<p><mark>Seçili yazı</mark> paragrafı</p>


<p><del>üstü çizili</del></p>


<p><u>altı çizli</u></p>


<p>Yazının<sub>altında</sub>yazı</p>


<p>2<sup>5</sup></p>

Sayfamızda yazdığımız bir yazıdaki kelimenin altını, üstünü çizebilir,bir de üstüne ifade yazabiliriz yada üstünü keçeli kalemle bile çizebiliriz. Hemen sırayla öğrenmeye başlayalım..

1-Italik Yazı(Italics)

Yazınızı italik yapabilirsiniz.Etiketi "italic" kelimesinin ilk harfi olan "i" harfi ile kolayca aklınızda tutabilirsiniz.

Kullanımı:

<p>Bu bir <i>italik</i> kelimesidir.</p>

2-Yazıyı Küçültme(Small Text)

Yazı boyutunuzu küçültmenizi sağlar. Özellikle paragraflarınızda küçük yazmak istediğiniz kısımları için kullanışlı çözüm yöntemidir.

Kullanımı:

<h2>Bu büyük ama bı da <small>küçük yazı içeren baslik</small></h2>

3-Yazının Üstünü Çizme(Mark Text)

Yazının üstünü keçeli kalemle çizmiş gibi çizer. Böylece önemli yerleri vurgulayabilirsiniz.

Kullanımı:

<p><mark>Bu bir seçili yazı</mark> paragrafıdır</p>

4-Yazının Üzerini Çizme(Del-Strike Text)

Yazınızın üzerine çizgi eklersiniz.

Kullanımı:

<p>Bu bir<del>üstü çizili</del> yazıdır.</p>

5-Yazının Altını Çizme(Underline Text)

Yazınızın altını çizersiniz yani çizgi eklersiniz.

Kullanımı:

<p>Bu<u>altı çizli</u> bir paragraftır.</p>

6-Üs Alma(Sup Text)

Yazının üstünde yazı yazabilirsiniz. Basit bir şekilde buna üs alma diyoruz. Daha çok matematiksel formülleriniz için kullanabilirsiniz.

Kullanımı:

<p>İkinin beşinci kuvveti: 2<sup>5</sup></p>

7-Kelime Altında Yazı(Sub Text)

Biraz garip geliyor ama yazdığınız yazının kelimeleri altına yazı yazabilirsiniz.

Kullanımı:

<p>Bu paragrafta kelimenin<sub>altında</sub>yazı vardır.</p>


Paylaş:

Enes KILIÇ
Webmaster