KodSeo Web Sitesi KodSeo | Ana Sayfa tr.gg tr gg Bedava Site KodSeo KodSeo Web Sitesi Bedava Kod Kod Html Kod CSS Kod Java Kod Buton Kod Renk Kod Seo Kod Kod Ön İzleme Facebook Twitter Emoji KodSeo | Ana Sayfa KodSeo Web Sitesi KodSeo | Ana Sayfa tr.gg tr gg Bedava Site KodSeo KodSeo Web Sitesi Bedava Kod Kod Html Kod CSS Kod Java Kod Buton Kod Renk Kod Seo Kod Kod Ön İzleme Facebook Twitter Emoji KodSeo | Ana Sayfa

Html Nedir ? Css Nedir ? JavaScript Nedir ? Seo Nedir ? Renk Kodu Bulucu Resimden Renk Bulma Özel Karakter Kodları Tüm Hazır Kodlar

="Kodseo


Kod Seo

Html Nedir

HTML Nedir ?

HTML (Hyper Text Markup Language) internet üzerinde web sayfası oluşturmak için kullanılan bir betik dilidir.

HTML dosyalarının aktarımı için HTTP (Hyper Text Transfer Protocol) kullanılır. HTML dosyaları sunucu bilgisayarın sabit diskinde .html ya da .htm uzantısı ile saklanır. Yazdığımız html dosyaları düz yazı dosyalarından başka bir şey değildir.

Yani yazdığımız html dosyalarını bir C ya da Pascal programında olduğu gibi bir derleyici ile derlememize gerek yoktur. Bir siteye girdiğimiz zaman bize görüntülenen ilk sayfa index.html* index.htm* index.asp* index.php ya da default.htm dosyalarından birisidir. index.* dosyaları UNIX ve türevi sunucu sistemler* default.htm dosyasıda WinNT ya da türevi sistemler için giriş sayfası olur.

Yukarıda saydıklarımın dışında uzantısı değişik birçok biçemdeki sayfalar da sunucu sistemin ayarları değiştirilerek giriş sayfası yapılabilir.

HTML Nasıl Kullanılır ?

KISA BİLGİ :  HTML KODLARIN KULLANIM YERLERİ



İ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="http://www.KodSeo.tr.gg">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> KodSeo.tr.gg<br>Artık Herşey Tek Çatı Altında KodSeo.tr.gg
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> KodSeo.tr.gg <em>Türkiye'nin En Kaliteli</em> kod sitesidir. KodSeo.tr.gg 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">KodSeo.tr.gg</font> KodSeo.tr.gg
HTML Font ve Punto <font> <font face="Verdana" size="5">KodSeo.tr.gg</font> KodSeo.tr.gg
HTML Font, Punto ve Renk <font> <font face="Comic Sans MS" size="+3" color="#ff0000">KodSeo.tr.gg</font> KodSeo.tr.gg
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>
<h2>
<h3>
<h4>
<h5>
<h6>
<h1>KodSeo.tr.gg</h1>

<h2>KodSeo.tr.gg</h2>

<h3>KodSeo.tr.gg</h3>

<h4>KodSeo.tr.gg</h4>

<h5>KodSeo.tr.gg</h5>

<h6>KodSeo.tr.gg</h6>

KodSeo.tr.gg

KodSeo.tr.gg

KodSeo.tr.gg

KodSeo.tr.gg

KodSeo.tr.gg
KodSeo.tr.gg
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
Web Sayfa İçeriği
HTML Yatay Çizgi <hr> <hr width="50%" size="3" />
Web Sayfa İçeriği
Web Sayfa İçeriği
HTML Yatay Çizgi <hr> <hr width="50%" size="3" noshade />
Web Sayfa İçeriği
Web Sayfa İçeriği
HTML Yatay Çizgi <hr>
<hr width="75%" color="#ff0000" size="4" />
Web Sayfa İçeriği

Web Sayfa İçeriği
HTML Yatay Çizgi <hr> <hr width="25%" color="#6699ff" size="6" />
Web Sayfa İçeriği

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>KodSeo.tr.gg</i> KodSeo.tr.gg
HTML Resim Ekleme <img> <img src="https://img.webme.com/pic/k/kodseo/m_4.jpg" width="41" height="41" border="0" alt="Resim ile ilgili açıklama" /> Earth
HTML Input Field Ekleme <input> <form method=post action="#">
<input type="text" size="10" maxlength="30">
<input type="Gönder" value="Gönder">
</form>


HTML Input Password Ekleme <input> <form method=post action="#">
<input type="password" size="10" maxlength="30">
<input type="Submit" value="Gönder">
</form>

HTML Input
(Arkaplan Rengi)
<input>
<form method=post action="#">
<input type="text" style="color: #ffffff; font-family: Verdana; font-weight: bold; font-size: 12px; background-color: #72a4d2;" size="10" maxlength="30">
<input type="Submit" value="Gönder">
</form>



HTML Input
(Resim Buton)
<input>
<form method=post action="#">
<table border="0" cellspacing="0" cellpadding="2"><tr><td bgcolor="#8463ff"><input type="text" size="10" maxlength="30"></td><td bgcolor="#8463ff" valign="Middle"> <input type="image" name="submit" src="yourimage.gif"></td></tr> </table>
</form>


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>


Seçenek Seçin:
Seçenek 1
Seçenek 2
Seçenek 3
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>


Select an option:
Seçenek 1
Seçenek 2
Seçenek 3
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:
  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4
HTML Dışardan CSS Dosya Çağırma <link> <head>
<link rel="stylesheet" type="text/css" href="style.css" />
</head>
Önizleme Yok
HTML Yazı Kaydırma <marquee> <marquee bgcolor="#cccccc" loop="-1" scrollamount="2" width="100%">ÖRNEK Marquee</marquee> www | KodSeo | tr.gg   -   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
  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4

Numbered Special Start

  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4

Lowercase Letters

  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4

Capital Letters

  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4

Capital Letters Special Start

  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4

Lowercase Roman Numerals

  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4

Capital Roman Numerals

  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4

Capital Roman Numerals Special Start

  1. Madde 1
  2. Madde 2
  3. Madde 3
  4. Madde 4
HTML Fleaut Liste
<option>
<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>
Seçenek Seçin:

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>
KodSeo.tr.gg<br>
Artık Herşey<br>
Tek Çatı Altında</p>


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


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



Sola Yaslı Örnek:
KodSeo.tr.gg
Artık Herşey
Tek Çatı Altında


Sağa Yaslı Örnek:
KodSeo.tr.gg
Artık Herşey
Tek Çatı Altında



Ortalı Örnek:
KodSeo.tr.gg
Artık Herşey
Tek Çatı Altında


HTML Küçük(Yazı)
<small>
<small>KodSeo.tr.gg</small> KodSeo.tr.gg
HTML Üstü Çizili Yazı
<strike>
<strike>KodSeo.tr.gg</strike> KodSeo.tr.gg
HTML Güçlü Yazı
<strong>
<strong>KodSeo.tr.gg</strong> KodSeo.tr.gg
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>KodSeo.tr.gg</tt> KodSeo.tr.gg
HTML Altıçizili
<u>
<u>KodSeo.tr.gg</u> KodSeo.tr.gg
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



  Kez Okundu


  Tüm Sayfalar Toplam 486537 Kez Okundu.  Bugün 1 ziyaretçi buradaydı.

Sitemiz En İyi Google Chrome'da Görüntülenir.




























YORUM YAP





    KodSeo Web Sitesi                                                                                                                      Tasarım ve Kodlama: Kasım Kündüm

=> Sen de ücretsiz bir internet sitesi kurmak ister misin? O zaman burayı tıkla! <=