Teknomerkez
TR EN ES
Konular

HTML 2: HTML Etiketleri

Yazar: Ulvi Asil Yılmaz
Tarih: 10.03.2019
Türkçe

Etiketlerin Yazım Biçimi

Geçen dersimizde etiketlerin oluşturulmasını anlatmıştık. Bu dersimizde etiketlerin yazım özelliklerini açıklayacağız.

Özelliksiz Etiket

En basit ve temel etiket biçimidir. Etiketi oluşturacak özel ifadeler "küçüktür" ve "büyüktür" (< ve >) işaretleri arasına alınır.

ÖRNEK: İngilizcede bir yazının kalınlığını ifade etmek için "Bold Font" kullanılır. Html'de bir metni kalın yazmak için kullanacağımız etiket "bold" 'u ifade etmek için oluştaracımız simge "b" olmaktadır. "Ulvi Asil Yılmaz" metninin yazı biçimini kalın yapmak istediğimizde <b>Ulvi Asil Yılmaz</b> şeklinde yazarız. Bunun çıktısı ise Ulvi Asil Yılmaz şeklinde olmaktadır. Bu yazıyı eğik font ile göstermek istersek <i>Ulvi Asil Yılmaz</i>

Ulvi Asil Yılmaz <b>Ulvi Asil Yılmaz</b> <i>Ulvi Asil Yılmaz</i>

Örnek için tıklayınız.

Bu biçimdeki kullanımlar temel Html etiketlerinin kullanım şeklidir.

Sıkça Kullanılan Etiketler

Paragraf <p>: Bizim Türkçede paragraf olarak kullanılan cümleleri bu etiketle olutururuz.

ÖRNEK: "Bu bir paragraf örneğidir." metninin paragraf olarak gösterilmesi "<p>Bu bir paragraf örneğidir.</p>" şeklindedir.

Örnek için tıklayınız.

Bölüm, Alan <div>: Metinde bir alan oluşturmak için kullanılır.

ÖRNEK: <div>Bu bir alan örneğidir.</div>

Örnek için tıklayınız.

Kalın Yazı <b>: Bir metnin yazı biçmini kalın yapmak istediğimizde "bold" <b> etiketini kullanırız.

ÖRNEK: <b>Bu bir kalın yazı örneğidir.</b>. Bunun çıktısı "Bu bir kalın yazı örneğidir." şeklindedir.

Örnek için tıklayınız.

Altı çizgili metin <u>: Bir metnin yazı biçimini eğik yapmak istediğimizde "underline" <u> etiketini kullanırız.

ÖRNEK: <u>Bu bir altı çizili metin örneğidir.</u>. Bu örneğin çıktısı "Bu bir altı çizili metin örneğidir." şeklindedir.

Örnek için tıklayınız.

Eğik metin <i>: Bir metnin yazı biçimini eğik yapmak istersek "italik" yani <i> etiketini kullanırız.

ÖRNEK: <i>Bu bir eğik yazı örneğidir.</i>. Bu örneğin çıktısı ise "Bu bir eğik yazı örneğidir." şeklindedir.

Örnek için tıklayınız.

Üstü çizgili metin <del>: Bir metnin üstünü çizmek için <del> etiketi kullanılır.

ÖRNEK: <del>Bu bir üstü çizili (silinmiş) yazı örneğidir.</del>. Bunun çıktısı ise "Bu bir üstü çizili (silinmiş) yazı örneğidir." şelindedir.

Örnek için tıklayınız.

Üslü ifadeli metin <sup>: Bir metni üslü olarak ifade etmek için <sup> etiketi kullanılır.

ÖRNEK: E=m.c<sup>2</sup>. Bu örneğin çıktısı ise "E=m.c2" bu şekildedir.

Örnek için tıklayınız.

Tabanlı metin <sub>: Bir metnin taban olarak gösterimi <sub> etiketi ile yapılır.

ÖRNEK:(264)<sub>7</sub>. Bu örneğin çıktısı "(264)7" olarak ifade edilir.

Örnek için tıklayınız.

Sıralı listeler <ol><li>: Bir sıra numaralı liste hazırlamak için <ol><li> kullanılır.

ÖRNEK:<ol><li>Liste 1</li><li>Liste 2</li></ol>. Bu örneğin çıktısı:

  1. Liste 1
  2. Liste 2
bu şekildedir.

Örnek için tıklayınız.

Sırasız listeler <ul><li>: Bir numarasız liste hazırlamak için <ul><li> kullanılır.

ÖRNEK:<ul><li>Liste 1</li><li>Liste 2</li></ul>. Bu örneğin çıktısı:

  • Liste 1
  • Liste 2
bu şekildedir.

Örnek için tıklayınız.


Etiketler: Html

Yorumlarınız

Hiç yorum yapılmamış.

Bir yorum ekleyin

İsim:
E-posta:
Yorumunuz:
Güvenlik Kodu:
 
Tüm alanları doldurmak zorunludur. Yorumunuz kontrol edilince yayınlanacaktır. E-posta adresi yayınlanmaz.
İzin verilen html etiketler (tag): <p><div><b><strong><i><u><del><hr><sup><sub><br>
İlgili yazılar
Ulvi Asil Yılmaz 03.03.2019