Html5 video ve ses başta olmak üzere çok sayıda denetimi ile çoklu ortam öğelerinin kullanımını kolaylaştıran yeni bir html sürümüdür.

Html’de resimlerin gösterimi için img etiketi kullanılmaktadır.

Width ve Height, kullanımı zorunlu olmamakla birlikte resmin sayfa içerisindeki büyüklüğünü pixel olarak ifade etmektedir.

Resme çerçeve verilecekse border parametresine değer atanmalıdır (ör: border= “4”).

Alt; resmin açılmaması durumunda veya üzerine gelinmesi durumunda görünmesi istenilen metnin görüntülenmesi sağlar.

Align; resmin sayfaya göre hizalanması (sağa – right ya da sola – left ) amacıyla kullanılır.

Img etiketinin alacağı bir diğer parametre ise usemap olup, resim haritalarının oluşturulmasında kullanılmaktadır.

Resim haritaları (image maps) resimlerin üzerindeki bir veya daha fazla noktaya link verme amacı ile kullanılmaktadır. Örnek olarak yedi coğrafi bölgeden oluşan Türkiye Coğrafi Bölgesi haritası göz önünde bulundurulur ve bolgeler.html sayfasında kullanıldığı varsayılırsa, her bir bölge için resim üzerinde resim haritası ile belirli alan link olarak oluşturulabilir ve yedi bölgeden herhangi birini oluşturan alana tıklanması durumunda kendi bölgesine ait html (örneğin marmara.html, akdeniz.html vb.) dosyasının açılması sağlanabilir.

Shape parametresi, resim üzerinde işaretlenecek alan veya alanların şekillerinin belirlenmesi için kullanılır ve rect (dikdörtgen), circle (daire), poly (çok kenarlı) olmak üzere üç farklı değer alabilmektedir.

Coords parametresi ise resim üzerinde işaretlenecek alanın genişliğini pixel olarak belirlemek için kullanılmakla beraber kullanım şekli tercih edilen shape seçeneğine göre değişmektedir. shape=“rect” yani dikdörtgen alan oluşturmak için 2 nokta tanımlanmalıdır. Bunlar sol üst ve sağ alt noktadır (coords=X1,Y1,X2,Y2) ve tanımlama <area shape=”rect” coords=”0,0,30,20”) şeklinde olacaktır.

Büyüklük için dairesel yani shape=“circle” şeklinde bir alan belirlenecek olursa bu durumda coords parametresinde (coords=X1,Y1,r) koordinatlar dairenin merkezini ve çapını gösterir tanımlama ise <area shape=”rect” coords=”50,50,25”) şeklinde olacaktır.

Area etiketi ile oluşturulan her bir seçenek yani link verilmiş bölgeye tıklanması durumunda ne olacağını belirlemek için href parametresi kullanılır ve link verilir.

Hata kontrollerinin daha gelişmiş olduğu, daha işlevsel parametreler ile yeni etiketlerin kolaylık sağlaması, yeni uygulamaları desteklemesi, ses ve video için destek sunması, veri girişi için kullanılan input type’lara özellikler eklenmesi, canvas özelliği ile iki boyutlu çizimlerin yapılabilmesi html5'in sağladığı yenilikler olarak ifade edilebilir.

Html5 ile video eklemek için kullanılan etiket <video> etiketi olup </video> etiketi ile kapatılması gerekir.

Video dosyanızı mp4, webM veya ogg uzantılı dosyaya dönüştürücü programlar aracılığı ile dönüştürmeniz gerekmektedir.

Videonun sayfa yüklenir yüklenmez başlatılması için autoplay parametresi kullanılmalıdır.

Video'nun durdurulup başlatılabilmesi, sesin kontrol edilebilmesi veya istenilen video bölümüne geçiş yapılabilmesi ve tam ekran gösterim özellikleri önemli olup, html5’de video etiketinin içerisine yazılacak controls parametresi bu işlevleri yerine getirmektedir.

Html5 ile ses eklemek için <audio> etiketi kullanılmaktadır ve desteklenen dosya uzantıları mp3, wav ve ogg’dir.

Flash animasyonları ile pdf dosyaları eklemek için <embed> etiketi kullanılır.

padding: 15px;