HTML Taglar ve Kullanımları

HTML Taglar ve Kullanımları sayfamız ile sizlere Html tagların kullanımları ve hakkında bilgiler vermeyi amaç edindik. Anlayabileceğiniz şekilde örnekler/demolar ve açıklayıcı kısa metinler bulunmaktadır.

İsim	HTML Tagı	HTML Kodu	Tarayıcı Önizleme
HTML Sadece Kodda Görünen Yazı	<!--	<!--Bu Alana Yazılanlar Sadece Kod Kısmında Görünecektir.-->	Önizleme Yok
HTML Siteye Link Verme	<a>	<a href="https://webkodu.ozgurlukicin.com">Siteyi Ziyaret Et</a>	Siteyi Ziyaret Et
HTML Bold	<b>	<b>ÖRNEK</b>	ÖRNEK
HTML Big (Text)	<big>	<big>ÖRNEK</big>	ÖRNEK
Body HTML Döküman Tagı	<body>	<body>HTML İçerik Alanıdır</body>	HTML İçerik Alanıdır
HTML Alt Satıra Atma	<br>	webkodu.ozgurlukicin.com<br>Artık Herşey Tek Çatı Altında	webkodu.ozgurlukicin.com Artık Herşey Tek Çatı Altında
HTML Ortalama Tagı	<center>	<center>Bu Şekilde Yazı Ortalı</center>	Bu Şekilde Yazı Ortalı
HTML Tanım Açıklama	<dd>	<dl> <dt>Lionel Messi</dt> <dd>Barcelona Oyuncusu</dd> <dt>Cristiano Ronaldo</dt> <dd>Real Madrid Oyuncusu</dd> </dl>	Lionel Messi Barcelona Oyuncusu Cristiano Ronaldo Real Madrid Oyuncusu
HTML Tanım Liste	<dl>	<dl> <dt>Lionel Messi</dt> <dd>Barcelona Oyuncusu</dd> <dt>Cristiano Ronaldo</dt> <dd>Real Madrid Oyuncusu</dd> </dl>	Lionel Messi Barcelona Oyuncusu Cristiano Ronaldo Real Madrid Oyuncusu
HTML Tanım Adlandırma	<dt>	<dl> <dt>Lionel Messi</dt> <dd>Barcelona Oyuncusu</dd> <dt>Cristiano Ronaldo</dt> <dd>Real Madrid Oyuncusu</dd> </dl>	Lionel Messi Barcelona Oyuncusu Cristiano Ronaldo Real Madrid Oyuncusu
HTML Vurgu Tagı	<em>	webkodu.ozgurlukicin.com <em>Türkiye'nin En Kaliteli</em> kod sitesidir.	webkodu.ozgurlukicin.com Türkiye'nin En Kaliteli kod sitesidir.
HTML Mid Obje Ekleme	<embed>	<embed src="dosyaismi.mid" width="100%" height="60" align="center">
HTML Arkaplanda Müzik Ekleme	<embed>	<embed src="dosyaismi.mid" autostart="true" hidden="false" loop="false"> <noembed><bgsound src="yourfile.mid" loop="1"></noembed>
HTML Font Tagı	<font>	<font face="Times New Roman">webkodu.ozgurlukicin.com</font>	webkodu.ozgurlukicin.com
HTML Font ve Punto	<font>	<font face="Verdana" size="5">webkodu.ozgurlukicin.com</font>	webkodu.ozgurlukicin.com
HTML Font, Punto ve Renk	<font>	<font face="Comic Sans MS" size="+3" color="#ff0000">webkodu.ozgurlukicin.com</font>	webkodu.ozgurlukicin.com
HTML Form	<form>	<form action="mailto:you@yourdomain.com"> Name: <input name="Name" value="" size="10"><br> Email: <input name="Email" value="" size="10"><br> <center><input type="submit"></center> </form>	Name: Email:

İsim

HTML Tagı

HTML Kodu

Tarayıcı Önizleme

HTML h1 Tagı
HTML h2 Tagı
HTML h3 Tagı
HTML h4 Tagı
HTML h5 Tagı
HTML h6 Tagı

<h1>webkodu.ozgurlukicin.com</h1>

<h2>webkodu.ozgurlukicin.com</h2>

<h3>webkodu.ozgurlukicin.com</h3>

<h4>webkodu.ozgurlukicin.com</h4>

<h5>webkodu.ozgurlukicin.com</h5>

<h6>webkodu.ozgurlukicin.com</h6>

webkodu.ozgurlukicin.com

Headın İçine HTML Döküman

<head>

<head>Head İçine Yazılacak Yazılar</head>

Önizleme Yok

HTML Yatay Çizgi

<hr>

<hr />

Web Sayfa İçeriği

HTML Yatay Çizgi

<hr>

<hr width="50%" size="3" />

Web Sayfa İçeriği

HTML Yatay Çizgi

<hr>

<hr width="50%" size="3" noshade />

Web Sayfa İçeriği

HTML Yatay Çizgi

<hr>

<hr width="75%" color="#ff0000" size="4" />

Web Sayfa İçeriği

HTML Yatay Çizgi

<hr>

<hr width="25%" color="#6699ff" size="6" />

Web Sayfa İçeriği

HTML Ana Tag Dizilimi

<html>

<html>
<head>
<meta>
<title>Sayfa Başlığı</title>
</head>
<body>Web Sayfa İçeriği
</body>
</html>

Web Sayfa İçeriği

HTML İtalik

<i>

<i>webkodu.ozgurlukicin.com</i>

webkodu.ozgurlukicin.com

HTML Resim Ekleme

<img>

<img src="Earth.gif" width="41" height="41" border="0" alt="Resim ile ilgili açıklama" />

HTML Input Field Ekleme

<input>

HTML Input Password Ekleme

<input>

HTML Input
(Arkaplan Rengi)

<input>

HTML Input
(Resim Buton)

<input>

HTML Input
(Yorum Kutusu)

<input>

<form method=post action="#">
Enter Your Comments:<br>
<textarea wrap="virtual" name="Comments" rows=3 cols=20 maxlength=100></textarea><br>
<input type="Submit" value="Gönder">
<input type="Reset" value="Temizle">
</form>

HTML Input
(Radio Button)

<input>

<form method=post action="#">
Seçenek Seçin:<br>
<input type="radio" name="option"> Seçenek 1
<input type="radio" name="option" checked> Seçenek 2
<input type="radio" name="option"> Seçenek 3
<input type="Submit" value="Gönder">
</form>

HTML Input
(Checkbox)

<input>

<form method=post action="#">
Select an option:<br>
<input type="checkbox" name="selection"> Seçenek 1
<input type="checkbox" name="selection" checked> Seçenek 2
<input type="checkbox" name="selection"> Seçenek 3
<input type="Submit" value="Gönder">
</form>

HTML Madde

<li>

Menü 1:
<menu>
<li type="disc">Madde 1</li>
<li type="circle">Madde 2</li>
<li type="square">Madde 3</li>
</MENU>

Menü 2:
<ol type="i">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Menü 1:

Madde 1
Madde 2
Madde 3

Menü 2:

Madde 1
Madde 2
Madde 3
Madde 4

HTML Dışardan CSS Dosya Çağırma

<link>

Önizleme Yok

HTML Yazı Kaydırma

<marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">ÖRNEK Marquee</marquee>

www | WebKodu | com - Artık Herşey Tek Çatı Altında

HTML Menü

<menu>

<menu>
<li type="disc">Yuvarlak İmli Madde</li>
<li type="circle">İçi Boş İmli Madde</li>
<li type="square">Kare İmli Madde</li>
</menu>

Yuvarlak İmli Madde
İçi Boş İmli Madde
Kare İmli Madde

HTML Meta

<meta>

<meta name="Description" content="Description of your site">
<meta name="keywords" content="keywords describing your site">

Önizleme Yok

HTML Meta

<meta>

<meta HTTP-EQUIV="Refresh" CONTENT="4;URL=http://www.yourdomain.com/">

Önizleme Yok

HTML Meta

<meta>

<meta http-equiv="Pragma" content="no-cache">

Önizleme Yok

HTML Meta

<meta>

<meta name="rating" content="General">

Önizleme Yok

HTML Meta

<meta>

<meta name="robots" content="all">

Önizleme Yok

HTML Meta

<meta>

<meta name="robots" content="noindex,follow">

Önizleme Yok

İsim

HTML Tagı

HTML Kodu

Tarayıcı Önizleme

HTML Düzenli Liste

<ol>

Numbered

<ol>
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Numbered Special Start

<ol start="5">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Lowercase Letters

<ol type="a">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Capital Letters

<ol type="A">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Capital Letters Special Start

<ol type="A" start="3">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Lowercase Roman Numerals

<ol type="i">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Capital Roman Numerals

<ol type="I">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Capital Roman Numerals Special Start

<ol type="I" start="7">
<li>Madde 1</li>
<li>Madde 2</li>
<li>Madde 3</li>
<li>Madde 4</li>
</ol>

Numbered

Madde 1
Madde 2
Madde 3
Madde 4

Numbered Special Start

Madde 1
Madde 2
Madde 3
Madde 4

Lowercase Letters

Madde 1
Madde 2
Madde 3
Madde 4

Capital Letters

Madde 1
Madde 2
Madde 3
Madde 4

Capital Letters Special Start

Madde 1
Madde 2
Madde 3
Madde 4

Lowercase Roman Numerals

Madde 1
Madde 2
Madde 3
Madde 4

Capital Roman Numerals

Madde 1
Madde 2
Madde 3
Madde 4

Capital Roman Numerals Special Start

Madde 1
Madde 2
Madde 3
Madde 4

HTML Fleaut Liste

<form method=post action="#">
<center>
Seçenek Seçin:
<select>
<option>Seçenek 1</option>
<option selected>option 2</option>
<option>Seçenek 3</option>
<option>Seçenek 4</option>
<option>Seçenek 5</option>
<option>Seçenek 6</option>
</select><br>
</center>
</form>

HTML Mailto Email Link <a> <a href="mailto:you@yourdomain.com">Email Link</a> Email Link

HTML Paragraf

<p>

<p align="left">
Sola Yaslı Örnek:<br>
webkodu.ozgurlukicin.com<br>
Artık Herşey<br>
Tek Çatı Altında</p>

<p align="right">
Sağa Yaslı Örnek:<br>
webkodu.ozgurlukicin.com<br>
Artık Herşey<br>
Tek Çatı Altında</p>

<p align="center">
Ortalı Örnek:<br>
webkodu.ozgurlukicin.com<br>
Artık Herşey<br>
Tek Çatı Altında</p>

Sola Yaslı Örnek:
webkodu.ozgurlukicin.com
Artık Herşey
Tek Çatı Altında

Sağa Yaslı Örnek:
webkodu.ozgurlukicin.com
Artık Herşey
Tek Çatı Altında

Ortalı Örnek:
webkodu.ozgurlukicin.com
Artık Herşey
Tek Çatı Altında

HTML Küçük(Yazı) <small> <small>webkodu.ozgurlukicin.com</small> webkodu.ozgurlukicin.com

HTML Üstü Çizili Yazı <strike> <strike>webkodu.ozgurlukicin.com</strike> ~~webkodu.ozgurlukicin.com~~

HTML Güçlü Yazı <strong> <strong>webkodu.ozgurlukicin.com</strong> webkodu.ozgurlukicin.com

HTML Tablo

<table>

ÖRNEK 1:

<table border="4" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

ÖRNEK 2:

<table border="2" bordercolor="#336699" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

ÖRNEK 3:

<table cellpadding="2" cellspacing="2" width="100%">
<tr>
<td bgcolor="#cccccc">Column 1</td>
<td bgcolor="#cccccc">Column 2</td>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
</tr>
</table>

ÖRNEK 1:

Column 1

Column 2

ÖRNEK 2:

Column 1

Column 2

ÖRNEK 3:

Column 1	Column 2
Row 2	Row 2

HTML Tablo Veri

<td>

<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column 1

Column 2

HTML Tablo Başlık

<th>

<div align="center">
<table>
<tr>
<th>Column 1</th>
<th>Column 2</th>
<th>Column 3</th>
</tr>
<tr>
<td>Row 2</td>
<td>Row 2</td>
<td>Row 2</td>
</tr>
<tr>
<td>Row 3</td>
<td>Row 3</td>
<td>Row 3</td>
</tr>
<tr>
<td>Row 4</td>
<td>Row 4</td>
<td>Row 4</td>
</tr>
</table>
</div>

Column 1	Column 2	Column 3
Row 2	Row 2	Row 2
Row 3	Row 3	Row 3
Row 4	Row 4	Row 4

HTML Döküman Başlık <title> <title>Web Sayfanızın Başlığı içindir</title> Önizleme Yok

HTML Tablo Dizisi

<tr>

<table border="2" cellpadding="2" cellspacing="2" width="100%">
<tr>
<td>Column 1</td>
<td>Column 2</td>
</tr>
</table>

Column 1

Column 2

HTML Teletype <tt> <tt>webkodu.ozgurlukicin.com</tt> webkodu.ozgurlukicin.com

HTML Altıçizili <u> <u>webkodu.ozgurlukicin.com</u> webkodu.ozgurlukicin.com

HTML Sıradışı Liste

<ul>

Menü 1:<br>
<br>
<ul>
<li>Madde 1</li>
<li>Madde 2</li>
</ul>
<br>
Menü 2:<br>
<ul type="disc">
<li>Madde 1</li>
<li>Madde 2</li>
<ul type="circle">
<li>Madde 3</li>
<li>Madde 4</li>
</ul>
</ul>

Menü 1:

Madde 1
Madde 2

Menü 2:

Madde 1
Madde 2
- Madde 3
- Madde 4

Kodlar menüsü altında yayınlanan tüm kodlar tamamen açık kaynak kodludur. webkodu.ozgurlukicin.com yayınlanan kodları sizlere orijinal ve görsel - işleyiş olarak en uygun şekilde sunmaktadır.

Yayınlanan kodlar açık kaynak kodlu olup, işleyişini, görselini vb. öğeleri istediğiniz gibi amaca uygun düzenleyip kullanabilirsiniz.

Yayınladığımız kodlar silik ve gereksiz yazılardan arındırılmış ve olabildiğince en kısa hale getirilip öyle yayınlanmaktadır. Kodların üstüne ve altına sitemiz adına imza bırakmaktayız, bunuda belirtmiş olalım.

Yayınlanan kodlar hakkında açıklayıcı ve yönlendirici bilgiler kodların yayınlandığı sayfalarda mevcuttur. webkodu.ozgurlukicin.com olarak sizlere ihtiyacınız olan veya olabilecek kodları anlaşılır, güvenilir ve görsel olarak memnun kalacağınız şekilde sunmaktayız.

Demo sayfalarında kodların işleyişini, görselini yani tam olarak ne olduğunu görebilir, izleyebilir ve deneyebilirsiniz. Demo sayfalarındaki önizlemeler yayınlanan kodun aynısı olup, kodu alıp kullanırken başka birşeyin çıkması söz konusu değildir.

webkodu.ozgurlukicin.com 'da yayınlanan tüm kodlar yasaldır ve telif hakkı içeren öğeleri barındırmamaktadır.

Konu ile ilgili görüş, öneri, şikayet için info@ozgurlukicin.com mail adresimizden bize ulaşabilirsiniz.