En Çok Kullanılan HTML Etiketleri

Aşağıda HTML de çok kullanılan etiketlerden pekçoğu ve yaygın olarak kullanılan bazı parametreleri verilmiştir. HTML e yeni başlayanlar için yeterli olabilir. Ancak daha fazlası için daha geniş kaynaklara yönelmeniz gerekir.

Örnekler verilirken Basamaklı Stil Şablonlarından (Cascading Style Sheets, CSS) kaçınılmaya çalışılmıştır.

Etiket Açıklama Parametreleri Örnek Kod Sonuç

bir HTML yorumu (comment) içerir. HTML yorumları, tarayıcılar tarafından görüntülenmez. HTML belgesine açıklamalar, notlar veya belgenin belirli bölümleri hakkında bilgi eklemek için kullanılır.

<!DOCTYPE> bir HTML belgesinin hangi HTML sürümüne uygun olduğunu ve nasıl yorumlanması gerektiğini belirten bir bildirimdir. html <!DOCTYPE html> ---

<a> Köprü tanımlar name
href
target
title
download <a href='https://kimya.balikesir.edu.tr' target='new' title='Kimya Bölümü'> Kimya</a>
<a name='YeniBilgi'>Ek Bilgi</a>
<a href='Belge.pdf' download>İndir</a> Kimya
Ek Bilgi
İndir

<abbr> metin içinde kısaltmaları veya kısa açıklamaları tanımlamak için kullanılır. title <abbr title='HyperText Markup Language'>HTML</abbr> HTML

iletişim bilgilerini içeren bir bölümü belirtmek için kullanılır.

<address> <p>Balıkesir Üniversitesi</p> <p>Fen Edebiyat Fakültesi</p> <p>Balıkesir</p> </address>

Balıkesir Üniversitesi

Fen Edebiyat Fakültesi

Balıkesir

<area> bir resim haritası içinde etkileşimli alanlar (hotspot) tanımlamak için kullanılır. href
alt
shape
coords
target <img src='htmlresim/ResimHaritasi.jpg' alt='Workplace' usemap='#workmap' width='400' height='379'>

<map name='workmap'>
<area shape='rect' coords='34,44,270,350' alt='Computer' href='htmlresim/bilgisayar.jpg'>
<area shape='rect' coords='290,172,333,250' alt='Phone' href='htmlresim/ceptelefonu.jpg'>
<area shape='circle' coords='337,300,44' alt='Cup of coffee' href='htmlresim/kahve.jpg'>
</map>

Bir makaleyi tanımlar

---

<article>
<h2>Makale Başlığı</h2>
<p>Yazar: Yazar Adı</p>
<p>Yayın Tarihi: Tarih </p>
<p>Kısa Özet </p>
<p>Bağlantı Ardresi <a href='https://kimya.balikesir.edu.tr'>Bağlantı</a>.</p> </article>

Makale Başlığı

Yazar: Yazar Adı

Yayın Tarihi: Tarih

Kısa Özet

Bağlantı Ardresi Bağlantı.

<audio> web sayfalarına ses içeriği eklemek için kullanılır. src
controls
autoplay
loop
preload <audio src='htmlresim/avalanche-rexandros.mp3' controls autoplay loop preload='auto'> Tarayıcınız ses etiketini desteklemiyor. </audio>

<b> Koyu Yazı İçin --- <b>Kimya Bölümü</b> Kimya Bölümü

<base> sayfa içindeki tüm bağlantıların (URL'lerin) temel (base) URL'sini belirlemek için kullanılır. href <head> <base href='https://kimya.balikesir.edu.tr/'> </head> ---

<bdo>

metin içeriğini belirli bir yazı yönüne (soldan sağa veya sağdan sola) zorlamak için kullanılır.

dir

<p><bdo dir='rtl'>Bu bir sağdan sola yazılmış metin paragrafıdır.</bdo></p>
<p><bdo dir='ltr'>Bu bir soldan sağa yazılmış metin paragrafıdır.</bdo></p>

Bu bir sağdan sola yazılmış metin paragrafıdır.

Bu bir soldan sağa yazılmış metin paragrafıdır.

, bir alıntı veya başka bir kaynaktan alınmış bir metin bloğunu belirtmek için kullanılır.

---

<p> Aşağıdaki metin alıntıdır.</p>
<blockquote>
<p>Matematikle ifade edebilirsanız Bilginiz Doyurucudur</p>
<footer>A. Huxley </footer>
</blockquote>

Aşağıdaki metin alıntıdır.

Matematikle ifade edebilirsanız Bilginiz Doyurucudur

A. Huxley

<body> web sayfasının görünür içeriğini belirtmek için kullanılır. background
bgcolor
text
link
vlink
alink <body
text='#ffff00'
bgcolor='#ff0000'
background='resim.gif'
link='#00ff00'
vlink='#0000ff'
alink='#ff00ff' > ---

<br> Bir satırı kırmak için kullanılır. --- 11 <br/> 22 11
22

<button> Tıklanabilir bir buton oluşturmak için kullanılır.

Aradaki fark, <input> düğmelerinin yalnızca metin içerebilmesi, <button> düğmelerinin ise metin, resimler ve diğer öğeleri içerebilmesidir. <button id='myButton'>Tıkla</button>
<script>
document.getElementById('myButton').onclick = function() {
alert('Düğmeye tıklandı!');
};
</script>
<a href='https://kimya.balikesir.edu.tr'>
<button>Web Sitesini Ziyaret Et</button></a>
<button type='button' onclick='alert('Onaylama Tıklandı!');'>
Onaylama <img src='htmlresim/check.png'></i>
</button>

<button type='button' onclick='alert('HTML5 Tıklandı!');'>
<img src='htmlresim/html5.png'></i>
</button>

<button type='button' onclick='alert('Gelincikler Tıklandı!');'>
Gelincikler Tıklandı<br /><img src='htmlresim/poppies.jpg'>
</button>

<canvas> JavaScript kullanarak grafikleri çizmek için kullanılır. <canvas id='myCanvas' width='400' height='300'></canvas>
<script>
var canvas = document.getElementById('myCanvas');
var context = canvas.getContext('2d');
context.fillStyle = 'red';
context.fillRect(50, 50, 100, 75);

context.beginPath();
context.arc(300, 150, 50, 0, 2 * Math.PI);
context.fillStyle = 'blue';
context.fill();
context.closePath();
</script>

Defines a table caption

<table border='1px' align='center' >
<caption>Öğrenci Bilgileri </caption>
<tr>
<th>Öğrenci Adı </th>
<th>Notu</th>
</tr>
<tr>
<td>Ahmet </td>
<td>90</td>
</tr>
<tr>
<td>Mehmet</td>
<td>85</td>
</tr>
<tr>
<td>Ayşe</td>
<td>95</td>
</tr>
</table>

Öğrenci Bilgileri
Öğrenci Adı	Notu
Ahmet	90
Mehmet	85
Ayşe	95

<center> Metni ortalamak için kullanılır. --- <center>Bilgisayar</center> Bilgisayar

<cite>

bir çalışmanın veya başka bir içeriğin alıntı yapıldığı yerin belirtmek için kullanılır

---

<footer>
<p>1) <cite>HTML Kaynağı : Web Geliştirme Araçları </cite></p>
</footer>

<code> Bilgisayar kodlarını tanımlamak için kullanılır. --- <code>var GazSabiti=0.082;<code> var GazSabiti=0.082;

<col>

tabloların sütunlarına biçimlendirme uygulamak için kullanılan bir etikettir. Bu etiket genellikle <colgroup> ile birlikte kullanılır.

---

<table>
<colgroup>
<col span='2' style='background-color:#00ff00'>
<col style='background-color:yellow'>
</colgroup>
<tr>
<th>Öğr. No</th>
<th>Ad Soyad</th>
<th>Tel</th>
</tr>
<tr>
<td>2023101050</td>
<td>Ayşe Bilgin</td>
<td>156</td>
</tr>
<tr>
<td>2023101050</td>
<td>Mehmet Açar</td>
<td>234</td>
</tr>
</table>

Öğr. No	Ad Soyad	Tel
2023101050	Ayşe Bilgin	156
2023101050	Mehmet Açar	234

<colgroup> Bir tablonun biçimlendirilmesinde bir veya birden fazla sütundan oluşan bir grubu belirtmek için kullanılır. --- col etiketine bakınız. col etiketine bakınız.

<datalist> Giriş kontrolleri için önceden tanımlanmış seçeneklerin bir listesinin seçilmesini sağlar. --- <label for='Element'>Bir Element Seçin </label>
<input list='Elementler' id='Element' name='Element' placeholder='Element Seçin'>

<datalist id='Elementler'>
<option value='Hidrojen'>
<option value='Lityum'>
<option value='Potasyum'>
<option value='Rubidyum'>
<option value='Sezyum'>
<option value='Fransiyum'>
</datalist> Bir Element Seçin

<dd>

Açıklama listesindeki bir terimin açıklanması tanımlanır.

---

<dl>
<dt>HTML </dt>
<dd>HyperText Markup Language, web sayfalarını oluşturmak için kullanılan bir işaretleme dilidir. </dd>

<dt>CSS</dt>
<dd>Cascading Style Sheets, web sayfalarının stilini belirlemek için kullanılan bir stil dilidir.</dd>

<dt>JavaScript</dt>
<dd>Web sayfalarına dinamik özellikler eklemek için kullanılan bir programlama dilidir.</dd>
</dl>

HTML: HyperText Markup Language, web sayfalarını oluşturmak için kullanılan bir işaretleme dilidir.
CSS: Cascading Style Sheets, web sayfalarının stilini belirlemek için kullanılan bir stil dilidir.
JavaScript: Web sayfalarına dinamik özellikler eklemek için kullanılan bir programlama dilidir.

<del> Dökümanda silinmiş metni tanımlamak için kullanılır. <del>silinmiş </del> <ins>eklenmiş metin </ins> ~~silinmiş~~ eklenmiş metin

sayfada gizli veya açık bir şekilde görüntülenebilen içeriği tanımlamak için kullanılır.

<details>
<summary>Detayları Göster / Gizle</summary>
<p>Bu bir detaylı açıklamadır. İstediğiniz kadar içerik ekleyebilirsiniz.</p>
</details>

Detayları Göster / Gizle

Bu bir detaylı açıklamadır. İstediğiniz kadar içerik ekleyebilirsiniz.

<dfn> Bir terimi tanımlamak için kullanılır. title <dfn title='HyperText Markup Language' style='color:#0000ff;'>HTML</dfn>, web sayfalarını oluşturmak için kullanılan bir işaretleme dilidir. HTML, web sayfalarını oluşturmak için kullanılan bir işaretleme dilidir.

<div>

Dökümandaki bir bölümü tanımlar.

<div style='color:red;background-color: #f0f0f0;'>
<p>Bu bir örnek içeriktir.code><div></code> etiketi içinde gruplandı.</p>

<div style='color:#00ff00;padding:5px;background-color: #ffff00;'>
<p>kutu 1 içeriği.</p>
</div>

<div style='color:purple;padding: 10px;background-color: #00ffff;'>
<p>kutu 2 içeriği.</p>
</div>
</div>

Bu bir örnek içeriktir.code><div> etiketi içinde gruplandı.

kutu 1 içeriği.

kutu 2 içeriği.

<dl> Açıklama listesini tanımlamak için kullanılır. --- Örnek için <dd> etiketine bakınız. Örnek için <dd> etiketine bakınız.

<dt> Açıklama listesinde bir terim/ad tanımlar --- Örnek için <dd> etiketine bakınız. Örnek için <dd> etiketine bakınız.

<em> Metni italik şekilde vurgulamak için kullanılır --- <em>Bu paragraf vurgulu bir metin içerir.</em> Bu paragraf vurgulu bir metin içerir.

Formdaki öğeleri veya istenen alanları gruplandırmak için kullanılır.

<form action='/submit' method='post'>
<fieldset>
<legend>İletişim Bilgileri </legend>
<label for='name'> Ad Soyad: </label>
<input type='text' id='name' name='name' required>
<label for='email'>E-posta:</label>
<input type='email' id='email' name='email' required>
<br>
<label for='message'>Mesajınız: </label>
<textarea id='message' name='message' rows='4' required></textarea>
</fieldset>
<input type='submit' value='Gönder'>
</form>

<figure> etiketi için açıklama yazısı tanımlamak için kullanılır.

<figure>
<img src='htmlresim/poppies.jpg' width='200' alt='Gelincikler '>
<figcaption>Gelincik Tarlası </figcaption>
</figure>

<figure> bir resim, diyagram, video, kod bloğu veya başka bir ortam öğesi ile ilişkilendirilen içeriği gruplamak için kullanılır. Örnek için <figcaption> etiketine bakınız. Örnek için <figcaption> etiketine bakınız.

<font> Metnin yazı tipini, rengini ve boyutunu tanımlar face
size
color <font color='red' size='5' face='Arial'>Bilgisayar</font> Bilgisayar

<footer> Bir belge veya bölüm için alt bilgi sağlamak için kullanılır. kullanımı için <blockquote> ve <cite> etiketine bakınız. kullanımı için <blockquote> ve <cite> etiketine bakınız.

<form> HTML de kullanıcı girişi için form tanımlamak için kullanılır. örnek kullanım için <fieldset> etiketine bakınız.
Diğer örnekler : Örnekler 1 , Örnekler 2 örnek kullanım için <fieldset> etiketine bakınız.
Diğer örnekler : Örnekler 1 , Örnekler 2

<h1> den <h6> kadar

Başlık tanımlamak İçin Kullanılır

<h1>Başlık1</h1>
<h2>Başlık1</h2>
<h3>Başlık1</h3>
<h4>Başlık1</h4>
<h5>Başlık1</h5>
<h6>Başlık1</h6>

Başlık1

<head> başlık, meta bilgileri, stil bağlantıları, stil tanımları, karakter seti belirlemeleri ve diğer başlık öğelerini içeren kısımdır. Tarayıcılara ve diğer araçlara sayfanın içeriği hakkında önemli bilgiler içerir. <head>
<meta charset='UTF-8'>
<meta name='viewport' content='width=device-width, initial-scale=1.0'>
<title>HTML Head Örneği</title>

<link rel='stylesheet' href='styles.css'>
<style>
body {
font-family: 'Arial', sans-serif;
} </style>

<link rel='icon' href='favicon.ico' type='image/x-icon'>

<meta name='description' content='Bu bir HTML başlık örneğidir.'>
<meta name='keywords' content='HTML, head, meta, title, example'>
<meta name='author' content='Örnek Yazar'>
</head> İçerik Web sayfasının gövdesinde görülmez.

<hr>

Döküman içinde yatay bir çizgi çekmek için kullanılır

width

<html> Bir html belgesini tarayıcıya tanımlamak için kullanılır.

<i> metni italik yazmak için kullanılır. <i>HTML</i> HTML

<img> Resim Eklemek için kullanılır. src
title
alt
width
height
border <img src='htmlresim/poppies.jpg' title='Gelincikler' alt='Gelincik tarlası' width='200px' height='120px' border='3px' >

<input> Veri girişi için kullanılır. name
value
size
maxlength Parametreleri için ve ayrıntılı örnekler için <form> etiketine bakınız.
Diğer örnekler Örnekler 1 ve Örnekler 2 ye bakınız. Parametreleri için ve ayrıntılı örnekler için <form> etiketine bakınız.
Diğer örnekler Örnekler 1 ve Örnekler 2 ye bakınız.

<ins> Eklenen metni tanımlamak için kullanılır. örnek için <del> etiketine bakınız. örnek için <del> etiketine bakınız.

<kbd>

Klavyeden girişi tanımlamak için kullanılır

Karakterleri silmek için <kbd>Delete</kbd> tuşunu basılı tutun.

Karakterleri silmek için Delete tuşunu basılı tutun.

<label> <input> etiketini adlandırmak için kullanılır. <datalist>, <fieldset> etiketlerine bakınız. <datalist>, <fieldset> etiketlerine bakınız.

<legend> <fieldset> etiketinde başlık tanımlamak için kullanılır <fieldset> etiketine bakınız. <fieldset> etiketine bakınız.

<li> Bir liste elemanı tanımlamak için kullanılır. type <ol> ve <ul> etiketlerine bakınız. <ol> ve <ul> etiketlerine bakınız.

<map> Resim haritası tanımlamak için kullanılır. <area> etiketine bakınız. <area> etiketine bakınız.

<mark> metni işaretlemek veya vurgulamak için kullanılır. Sodyum klorürün formülü <mark>NACl</mark> dir. Sodyum klorürün formülü NACl dir.

<meter> Bir aralıktaki skaler ölçümü tanımlamak için kullanılır. İlerleme Yüzdesi <meter id='IlerlemeYuzdesi' value='70' min='0' max='100'>70%</meter> İlerleme Yüzdesi 70%

Harici bir nesneyi sayfaya eklemek için kullanılır.

<p><strong>PDF Belgesi Gömme</strong></p>
<object data='htmlresim/HTMLEtiketleri.pdf' type='application/pdf' width='300' height='200'>
<p>PDF görüntüleyici desteklenmiyor. <a href='example.pdf'>PDF'yi indirin.</a></p>
</object>

<p><strong>Harita Gömme</strong></p>
<object data='https://www.google.com/maps/embed?pb=!4v1556948115569!6m8!1m7!1st-w-ryTlwB_mEBRxuRgTCw!2m2!1d 39.53670978183898!2d28.01167876103071!3f59.75949960744076!4f3. 9610499884376225!5f0.7820865974627469' type='text/html' width='300' height='250'>
<p>Harita görüntüleyici desteklenmiyor. </p>
</object>

PDF Belgesi Gömme

Harita Gömme

<ol>

Sıralı bir liste tanımlamak için kullanılır.

start
type

<ol>
<li> Listenin birinci elemanı</li>
<li type='a'> Listenin ikinci elemanı</li>
<li type='A'> Listenin üçüncü elemanı</li>
<li type='i'> Listenin dördüncü elemanı</li>
<li type='I'> Listenin beşinci elemanı
...</li>
</ol>
<ol start=15>
<li type='A'> Listenin onbeşinci elemanı</li>
<li type='A'> Listenin onaltıncı elemanı</li>
</ol>

Listenin birinci elemanı
Listenin ikinci elemanı
Listenin üçüncü elemanı
Listenin dördüncü elemanı
Listenin beşinci elemanı
...

Listenin onbeşinci elemanı
Listenin onaltıncı elemanı

<optgroup> form elemanındaki seçenekleri gruplamak için kullanılır. <select name='optgroup' >
<optgroup label='Kuvvetli Asitler'>
<option value='H2SO4'>Sülfürik Asit </option>
<option value='HCl'>Hidroklorik Asit </option>
</optgroup>
<optgroup label='Zayıf Asitler'>
<option value='CH3COOH'>Asetik Asit </option>
<option value='H2CO3'>Karbonik Asit </option>
</optgroup>
</select>

<option> Açılır listedeki seçenekleri tanımlamak için kullanılır. <optgroup> ve <datalist> etiketlerine bakınız. <optgroup> ve <datalist> etiketlerine bakınız.

Bir hesaplama sonucunu tanımlamak için kullanılır.

<form oninput='result.value=parseInt(a.value)+parseInt(b.value)'>
<label for='a'> Sayı A:</label>
<input type='range' id='a' name='a' value='50'>

<label for='b'> Sayı B:</label>/font>
<input type='number' id='b' name='b' value='50'>

<label for='result'> Toplam:</label>
<output name='result' id='result' for='a b'>100 </output>
</form>

<p>

Paragraf tanımlamak için kullanılır

align

<p align='left'>Paragrafta yer alan align parametresinin left değeri metinleri sola yaslamak için kullanılır.</p>
<p align='right'>Paragrafta yer alan align parametresinin right değeri metinleri sağa yaslamak için kullanılır.</p>
<p align='center'>Paragrafta yer alan align parametresinin center değeri metinleri ortalamak için kullanılır.</p>
<p align='justify'>Paragrafta yer alan align parametresinin justify değeri metinleri her iki yana yaslamak için kullanılır.</p>

Paragrafta yer alan align parametresinin left değeri metinleri sola yaslamak için kullanılır.

Paragrafta yer alan align parametresinin right değeri metinleri sağa yaslamak için kullanılır.

Paragrafta yer alan align parametresinin center değeri metinleri ortalamak için kullanılır.

Paragrafta yer alan align parametresinin justify değeri metinleri her iki yana yaslamak için kullanılır.

<picture> farklı ekran boyutları ve cihaz özellikleri için optimize edilmiş görüntü sağlamak için kullanılır. <picture>

<source media='(min-width: 1200px)' srcset='htmlresim/poppies1.jpg'>


<source media='(min-width: 600px)' srcset='htmlresim/poppies2.jpg'>


<source srcset='htmlresim/poppies3.jpg'>


<img src='htmlresim/poppies4.jpg' alt='Açıklama'>
</picture>

<pre>

Önceden biçimlendirilmiş metinleri dökümana koumak için kullanılır.

<pre>
M
  e
     t
       i
          n           
</pre>

<progress> Bir sürecin ilerleme miktarını gösterir. <progress value='70' max='100'>

<q> Alıntı tanımlamak için kullanılır. <q>Bu bir alıntıdır.</q> Bu bir alıntıdır.

<samp> Bir bilgisayar çıktısını tanımlamak için kullanır. <samp>Herkese Merhaba</samp> Herkese Merhaba

<small> Metni daha küçük yazmak için kullanılır. Daha küçük <small>metin <small>daha da küçük</small></small> Daha küçük metin daha da küçük

<source> media etiketindeki çoklu ortam kaynaklarını tanımlamak için kullanılır. <video> and <audio> etiketlerine bakınız. <video> and <audio> etiketlerine bakınız.

<span>

Dökümanda bir kesit tanımlamak için kullanılır.

<p>Bu bir <span style='color: red; font-weight: bold;'>vurgulu</span> metindir.</p>

<style>
.vurgulu {
color: yellow;
font-weight: bold;
}
</style>
<p>Bu bir <span class='vurgulu'>vurgulu </span> metindir.</p>

Bu bir vurgulu metindir.

<strong> Önemli bir kısmı vurgulamak için kullanılır. <strong>Bu metin vurgulanmıştır.</strong> Bu metin vurgulanmıştır.

<sub> Alt indis tanımlamak için kullanılır. H<sub>2</sub>SO<sub>4< H₂SO₄

<summary> <details> etiketindeki başlığı tanımlamak için kullanılır. <details> etiketine bakınız. <details> etiketine bakınız.

<sup> Üst indis tanımlamak için kullanılır. Fe<sup>+3</sup> iyonu Fe⁺³ iyonu

<table>

Tablo tanımlamak için kullanılır.

border
align
bgcolor

 <table align='center' bgcolor='#CCCCCC' border='1px'>
  <tr>
   <th>1. sütun </th>
  <th>2. sütun</th>
  <th>3. sütun</th>
  <th>4. sütun</th>
  </tr>

 <tr>
   <td>11 </td>
  <td>12</td>
  <td>13</td>
  <td>14</td>
</tr>
 <tr>
   <td rowspan='2' bgcolor='yellow'>21 </td>
  <td>22</td>
   <td colspan='2' bgcolor='#00ffff'>23 </td>
 </tr>
 <tr>
  <td>32</td>
  <td>33</td>
  <td>34</td>
 </tr>
 </table>

1. sütun	2. sütun	3. sütun	4. sütun
11	12	13	14
21	22	23
21	32	33	34

<td> Tablodaki bir hücreyi tanımlamak için kullanılır. border
bgcolor
rowspan
colspan <table> etiketine bakınız. <table> etiketine bakınız.

<textarea> Çok satırlı bir girdi kontrol kutusu olarak kullanılır. rows
cols
name
value <fieldset> etiketine bakınız. <fieldset> etiketine bakınız.

<th> Bir tablo hücresini başlık olarak tanımlamak için kullanılır. <table> etiketine bakınız. <table> etiketine bakınız.

<time>

Özel bir zamanı tanımlamak için kullanılır.

datetime

<time datetime='2023-11-21' pubdate>21 Kasım 2023</time>
<p>Site güncellendi: <time datetime='2023-11-21T12:30:00'>21 Kasım 2023, 12:30</time></p>

21 Kasım 2023

Site güncellendi: 21 Kasım 2023, 12:30

<title> <head> etiketi arasında başlık çubuğuna metin oluşturmak için kullanılır

<tr> Tablodaki bir satırı tanımlamak için kullanılır. <table> etiketine bakınız. <table> etiketine bakınız.

<u> Altı çizili metin tanımlamak için kullanılır. <u>Bu metnin altı çizilmiştir.</u> Bu metnin altı çizilmiştir.

<ul>

Sırasız bir liste tanımlamak için kullanılır.

type

Öğe 1
Öğe 2
Öğe 3

Öğe 1
Öğe 2
Öğe 3

Öğe 1
Öğe 2
Öğe 3

<var> Değişken tanımlamak için kullanılır. <canvas> ve <code> etiketine bakınız. <canvas> ve <code> etiketine bakınız.

<video> Gömülü video tanımlamak için kullanılır. controls
width
height
autoplay
loop
preload <video controls width='300px' autoplay loop preload='auto' >
<source src='../KIB/resim/desikator_01.mp4' type='video/mp4'>
Your browser does not support the video tag.
</video>