HTML Dili | #2

Katılım
1 Mar 2020
Konular
8
Mesajlar
34
Tepki puanı
54
Puanları
2,560
Merhaba dostlar,
bu konumuzda HTML dilinin <body> etiketi içerisinde
sık kullanılan etiketleri ve yazı biçimlendirmelerini anlatacağım.

l407oB.png


1) <h1> - <h6> Etiketi

Başlık etiketidir. 1 ve 6 aralığında yazılabilir.
<h1> etiketi en büyük, <h6> etiketi ise en küçük başlığı belirtmektedir.
</h1> şeklinde kapatılır.

HTML:
<h1>oyuncularsehri.com (h1)</h1>
<h2>oyuncularsehri.com (h2)</h2>
<h3>oyuncularsehri.com (h3)</h3>
<h4>oyuncularsehri.com (h4)</h4>
<h5>oyuncularsehri.com (h5)</h5>
<h6>oyuncularsehri.com (h6)</h6>

nAgBd8.png


2) <ul> Etiketi

<ul> etiketi, yazdığınız verileri numarasız liste açmak için yarar.
</ul> ile kapatılır.
Yazdığınız verileri sıralamak için <li> etiketi kullanılır, </li> ile kapatılır.

HTML:
<ul>
<li>MrYargic</li>
<li>SalgamSuyu</li>
<li>OkanOzturk</li>
</ul>

nAi57Y.png


3) <ol> Etiketi

<ol> etiketi, yazdığınız verileri numaralı liste açmak için yarar.
</ol> ile kapatılır.
Yazdığınız verileri sıralamak için <li> etiketi kullanılır, </li> ile kapatılır.

HTML:
<ol>
<li>MrYargic</li>
<li>SalgamSuyu</li>
<li>OkanOzturk</li>
</ol>

nAsYdG.png


4) <hr> Etiketi

<hr> etiketi, yazdığınız sayfada yatay bir çizgi oluşturmak için kullanılır.

HTML:
<p>
Merhaba arkadaşlar ben Ata Kemal, nam-ı diğer Mr.Yargıç.
</p>
<p><hr>
Bu konumuzda sizlere HTML dilinden bahsedeceğim.
</p>

nAs9X1.png


5) <em> Etiketi

<em> etiketini kullandığınız metin italik bir biçimde görüntülenir.
</em> etiketi ile kapatılır.
*Bu etiketin asıl olayı, yazdığınız yazıyı belirgin hale getirmek için kullanılır.
İtalik yazı türü için farklı bir etiket mevcuttur.

HTML:
<p>Türkiye'nin en büyük oyuncu platformu<em> oyuncularsehri.com</em> sitesidir.</p>

nABacp.png


6) <i> Etiketi

<i> etiketi, yazılan metni sayfaya italik şeklide yazdırır.
</i> etiketi ile kapatılır.

HTML:
<p>Türkiye'nin en büyük oyuncu platformu<i> oyuncularsehri.com</i> sitesidir.</p>

nADijA.png


7) <b> Etiketi

<b> etiketi, yazılan metni sayfaya kalın bir şekilde yazdırır.
</b> etiketi ile kapatılır.

HTML:
<p>Türkiye'nin en büyük oyuncu platformu<b> oyuncularsehri.com</b> sitesidir.</p>

nAG3gU.png


8) <strong> Etiketi

<strong> etiketi, <b> etiketi ile aynı işlevi görmektedir.
Yazılan metni vurgulamak için kullanılmaktadır.
</strong> etiketi ile kapatılır.

HTML:
<p>Türkiye'nin en büyük oyuncu platformu<strong> oyuncularsehri.com</strong> sitesidir.</p>

nAmYmn.png


9) <s> Etiketi

<s> etiketi, yazılan metnin üstünü çizmeye yarar.
</s> ile kapatılır.

HTML:
<p>Selam arkadaşlar. Bu konumuzda <s>HTML</s> dilini sizlere anlatmaya çalışıyorum.</p>

nAD9X6.png


10) <u> Etiketi

<u> etiketi, yazılan metnin altını çizmeye yarar.
</u> ile kapatılır.

HTML:
<p>Selam arkadaşlar. Bu konumuzda <u>HTML</u> dilini sizlere anlatmaya çalışıyorum.</p>

nAm1Rt.png


agy597.png


Aklıma gelen ve sık kullanılan etiketleri sizlere anlatmaya çalıştım.

Umarım yararlı olmuştur,
İyi Forumlar!​
 

Meli

Özel Üye
Katılım
20 Kas 2019
Konular
47
Mesajlar
138
Tepki puanı
191
Puanları
2,910
Tebriksssss mükemmel konu yineee :love::love:
 
  • Beğen
Tepkiler: Taurus
Katılım
10 Kas 2019
Konular
3
Mesajlar
10
Tepki puanı
20
Puanları
1,510
Konu çok iyi tebrik ederim. HTML üzerindeki tek tek her tagı anlatmak çok uzun sürer kanımca, bu yüzden kaynak verip insanların oradan bakmasını sağlayarak sen daha temel ve geniş konulara yönelebilirsin. User-agent stylesheet ve selectors gibi konular daha yararlı olabilir, W3'ün kaynakları da bu konu da insanlara yararlı olabilir. İyi forumlar, güzel konu tekrardan.
 
  • Beğen
Tepkiler: Taurus
Katılım
1 Mar 2020
Konular
8
Mesajlar
34
Tepki puanı
54
Puanları
2,560
Konu çok iyi tebrik ederim. HTML üzerindeki tek tek her tagı anlatmak çok uzun sürer kanımca, bu yüzden kaynak verip insanların oradan bakmasını sağlayarak sen daha temel ve geniş konulara yönelebilirsin. User-agent stylesheet ve selectors gibi konular daha yararlı olabilir, W3'ün kaynakları da bu konu da insanlara yararlı olabilir. İyi forumlar, güzel konu tekrardan.

Öncelikle güzel yorumun için teşekkür ederim. Yazı yazmayı sevdiğim için uzun sürmesi çok önemli değil benim için. Kaynak verme kısmına gelirsek, bildiğim temel bilgileri aktararak insanlara bir şeyler kazandırmayı severim. Kaynak vermeyi pek sevmem, kendim yazmayı tercih ederim. Maksat insanlar temeli en basit yoldan bilsin ve 3 - 5 bir şeyler yazabilsin. Bahsettiğin konuları ele alacağım. Henüz konu yazmaya yeni başladım. HTML çok dar bir alan değil, önümüzde uzun uzun günler var. Yavaş yavaş, detayları ile bitirmeyi planlıyorum.
Değerli yorumun için tekrar teşekkür ederim, iyi günler!
 
  • Beğen
Tepkiler: Meli ve schwarzsky