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İ

Açıklama yazmak için kullanılır
<!DOCTYPE> Dosya tipini belirtir
<a> Link belirtir
<abbr> Yazının bir kısaltma olduğunu belirtir
<acronym> Kelimenin başharfleri olduğunu belirtir
<address> iletişim adresleri için kullanılır
<applet> Gömülü aplet eklemekte kullanılır(html 4 ile bu özellik iptal edilmiştir)
<area /> Resmin parçalarına ait link vermeyi sağlar
<b> Koyu harfli yazı
<base /> Tüm linkler için kaynak kök adresi belirtir
<basefont /> Fon tipi belirtir (html 4 ile bu özellik iptal edilmiştir)
<bdo> Yazının yönünü belirler
<big> Büyük yazı tanımlar
<blockquote> Uzun alıntı metin olduğunu gösterir
<body> Dosyanın ana kısmını gösterir
<br /> Alt satıra geçiş işaretidir
<button> Gönderme butonu üretir
<caption> Tablo başlığı yazar
<center> Elemanı sayfada ortalar (html 4 ile bu özellik iptal edilmiştir)
<cite> Alıntı belirtir
<code> Bilgisayar kodları belirtir
<col /> Tablo sütunları için özellik verir
<colgroup> TAblodaki bir grup sütuna özellik verir
<dd> Tanım Listesi
<del> Silinmiş yazı
<dir> Klasör listesi belirtir (html 4 ile bu özellik iptal edilmiştir)
<div> Dökümanda bir bölümü temsil eder
<dfn> Tanım kelimesini gösterir
<dl> Tanım listesi elemanı
<dt> Tanım listesindeki elemanlardan biridir
<em> Vurgulanmış yazı
<fieldset> Form için çerçeve üretir
<font> Yazı özellikleri belirtir (html 4 ile bu özellik iptal edilmiştir)
<form> Bilgi yayıt formu
<frame /> Sayfa içinde gömülü pencere açar
<frameset> Sayfada bölme yapar
<h1> ile <h6> arası Başlık yazısı belirler
<head> Dökümanın temel başlık elemanlarını içerir
<hr /> Yatay çizgi
<html> sayfa türünü belirtir
<i> Eğik yazı
<iframe> Başka bir sayfayı dökümanda gösterir
<img /> Resim
<input /> Form için bilgi alanı
<ins> Eklenmiş yazı
<isindex> Dökümana ait arama kelimesi (html 4 ile bu özellik iptal edilmiştir)
<kbd> Klavye yazısı
<label> Form için metin etiketleri
<legend> Form çerçevesi için açıklama
<li> Liste elemanı
<link /> Dökümana dışardan bir kaynak bağlar
<map> resim için parçaları tanımlar
<menu> Menü listesi (html 4 ile bu özellik iptal edilmiştir)
<meta /> Dökümana ait önemli tanımlamaları içerir
<noframes> Frame özelliği kapalı ise gösterilecek yazı
<noscript> Javascript kapalı isse gösterilecek yazı
<object> Gömülü uygulamalar
<ol> Düzenli Liste
<optgroup> Seçim listesindeki alkalı bileşenler
<option> Seçim listesindeki elemanlar
<p> Paragraf başı
<param /> Gömülü uygulamalar için ayar kısmı
<pre> Düz yazı biçimi
<q> Kısa alıntı
<s> Üseri çizili yazı (html 4 ile bu özellik iptal edilmiştir)
<samp> Örnek bilgisayar kodu gösterir
<script> Kullanıcı taraflı uygulama
<select> Seçim listesi
<small> Küçük yazı
<span> Dökümanda bir bölümü gösterir
<strike> Üzeri çizili ayzı (html 4 ile bu özellik iptal edilmiştir)
<strong> Kalın yazı
<style> Elemanların görünümünü belirten şekiller
<sub> Alt yazı
<sup> Üst yazı
<table> Tablo
<tbody> Tablo grubu
<td> Tablonun bir gözü
<textarea> Form için uzun yazı alanı
<tfoot> Tablonun dip kısmı
<th> Tablodaki başlık alanı
<thead> Tablo başlık grubu
<title> Dökümanın ana başlığı
<tr> Tablonun bir satırı
<tt> özel metin
<u> Altı çizili yazı (html 4 ile bu özellik iptal edilmiştir)
<ul> Düzensiz liste
<var> Yazı içinde değişken tanımı
<xmp> Ön tanımlı yazı (html 4 ile bu özellik iptal edilmiştir)

İ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>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

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>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" />

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 | 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

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>
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: