Html Etiketleri ve Kullanımı

29.04.2013 - 23:01

Tek taraflı etiketler

Br Etiketi
Şeklinde Kullanılır Bir alt satıra inmeyi sağlar bi nevi enter gorevini görür.

Hr Etiketi

[/b] Şeklinde Kullanılır Yatay düz çizgi çizer..

İmg Etiketi <img src=”" /> Şeklinde Kullanılır Sayfaya resim dosyası eklemeye yarar

İnput Etiketi <input type=”" name=”" /> Şeklinde Kullanılır Kullanıcıya uyelik sistemleri iletişim gibi sistemlerde kullanılır

Çift taraflı etiketler

<html></html> Şeklinde Html sayfası başlangıcı ve bitişini belirler..

<head></head> Şeklinde Üst kısım yani kullanıcının göremediği kısımı belirler..

<body></body> Şeklinde Gövde kısmı yani ekrana basılan kısmı belirler..

<div></div> Şeklinde Bloklar (kutular) oluşturur..

<a href=”">[/url] Şeklinde Sayfalar arası bağlantı (köprü) sağlar, link verir..

yada <strong></strong> Şeklinde Metinleri kalın yazar..

yada Şeklinde Metinleri italik (yatık) yazar..
Şeklinde Metinleri altı çizili yazar..

Şeklinde Metinlerin üzerini çizer..

<small></small> Şeklinde Kükük yazmaya yarar..

<big></big> Şeklinde Büyük yazmaya yarar..

<tt></tt> Şeklinde Daktilo yazısı yazmaya yarar..

<form></form> / <select>></select> – Kullanıcı veri girişi için form hazırlamada kullanılır..

<p></p> Şeklinde Paragraf oluşturur..

<ol></ol> Şeklinde Sıralı listeme işlemi yapar..

<ul></ul> Şeklinde Sırasız listeleme işlemi yapar..

<li></li> Şeklinde Alt alta listeme yapar..

<object></opject> Şeklinde Flash kodları eklemeye yarar..

<embed></embed> Şeklinde Dış kaynaklara ait video veya ses kodlarını (flash) eklemeye yarar..

<table></table> Şeklinde Tablo eklemeye yarar..

<td></td> Tablolar içerisine bloklar kurmaya yarar..

<tr></tr> Şeklinde Tablolar içerisinde ki blokları bir arada tutmaya yarar..

<center></center> Şeklinde İçeriği ekrana ortalar..

<h1></h1>…<h6></h6> Şeklinde Başlık etiketleri..

Şeklinde Sayfalarda ki biçimlendirmeleri word dosyası formatındaymış gibi kullanmaya yarar. Örneğin bir web sayfasında enter ile alt satıra inme gibi işlemler tarayıcılar tarafından normal metin olarak kabul edilir ve alt satıra inmeyi kabul etmez. Ancak “pre” komutu arasına yazılan kodlar nasıl yazarsanız o şekilde ekrana basılır..

<script></script> Şeklinde Java Script dosyaları yada kodlarını eklemeye yarar..
<font></font> Şeklinde Metin özelliklerini belirlemeye yarar..
<span></span> Şeklinde Elementleri bir arada tutmaya yarar..
<sub></sub> Şeklinde Alt etiketi belirlemeye yarar ve genelde bileşikler ve çözeltileri yazmakta kullanılır..
<sup></sup> Şeklinde Üs karakteri yazmaya yarar ve 2 üssü 2 gibi (2<sub>2</sub>) kullanılır..

Örnek kod:

Kod: [Seç]

<ol type="”I”">
	<li>Elma</li>
	<li>Armut</li>
	<li>Kiraz</li>
	<li>Kırmızı meyveler
<ul>
	<li>Kiraz</li>
	<li>Nar</li>
	<li>Çilek</li>
	<li>Elma</li>
</ul>
</li>
	<li>Üzüm</li>
	<li>Sarı meyveler
<ul>
	<li>Kavun
<ul type="”disc”">
	<li>Bal kavun</li>
	<li>Yeşil kavun</li>
</ul>
</li>
	<li>Ayva</li>
</ul>
</li>
</ol>

Örnek kod çıktısı:

Elma
Armut
Kiraz
Kırmızı meyveler
Kiraz
Nar
Çilek
Elma
Üzüm
Sarı meyveler
Kavun
Bal kavun
Yeşil kavun
Ayva

Form girişleri radio checkbox password kullanımı ve görünümü

kod gorunumu

Kod: [Seç]

<form action="”mailto:E-POSTA" method="”post”" target="”_blank”">
<div id="”sol”">
<h2>Kişisel bilgieriniz</h2>
Ad:        <input type="”text”" name="”isim”" />

Soyad:  <input type="”text”" name="”soyad”" />
<h3>Eğitim bilgileri</h3>
 <input type="”radio”" name="”okul”" value="”1″" />Ana sınıfı

 <input type="”radio”" name="”okul”" value="”2″" />İlk okul

 <input type="”radio”" name="”okul”" value="”3″" />Lise

 <input type="”radio”" name="”okul”" value="”4″" />Yüksek okul

 <input type="”radio”" name="”okul”" value="”5″" />Üniversite

 <input type="”radio”" name="”okul”" value="”6″" />Yüksek lisans

 <input type="”radio”" name="”okul”" value="”7″" />Doktora
<h3>Şehir</h3>
<select name="”sehir”"><option>Şehir seçin</option><option>Rize</option><option>Kars</option><option>Artvin</option><option>İstanbul</option></select>
<h3>Hobileriniz</h3>
 <input type="”checkbox”" name="”1″" />İnternet

 <input type="”checkbox”" name="”2″" />Spor

 <input type="”checkbox”" name="”3″" />Resim

 <input type="”checkbox”" name="”4″" />Gezi

 <input type="”checkbox”" name="”5″" />Tarih

 <input type="”checkbox”" name="”6″" />Sinema

 <input type="”checkbox”" name="”7″" />Müzik

 <input type="”checkbox”" name="”8″" />Televizyon

 <input type="”submit”" value="”Gönder”" />
 <input type="”reset”" value="”Temzile”" /></div>
</form>

Linkback: https://www.buyuknet.com/html-etiketleri-ve-kullanimi-t40709.0.html