Web Tabanlı Kodlama Dersi 3. Ünite Sorularla Öğrenelim

HTML5 nedir?

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 hangi etiket kullanılmaktadır?

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

Img etiketinde bulunan width ve height ne amaçla kullanılır?

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

Resme çerçeve vermek için hangi parametre kullanılır?

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

Resmin açılmaması durumunda veya üzerine gelinmesi durumunda görünmesi istenilen metin hangi parametre kullanılarak ayarlanır?

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

Img etiketine ait align parametresi ne amaçla kullanılır?

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

Img etiketinin alabildiği bir parametre olan usemap ne amaçla 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ının kullanımını örnekle açıklayınız.

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 nedir? Açıklayınız.

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 nedir? Kullanım şeklini bir örnekle açıklayınız.

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.

Dairesel bir şekil üzerinde Coords kullanımını örnekle açıklayınız.

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 hangi parametre kullanılı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.

Html5’in getirdiği yenilikler nelerdir?

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'de video nasıl eklenir?

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

Web sayfasına video eklerken, video dosyası hangi uzantılı dosyaya dönüştürülmelidir?

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 hangi parametre kullanılır?

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

Html5’de video etiketine ait controls parametresinin işlevi nedir?

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 eklenir? Açıklayınız.

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

Embed etiketinin kullanımına örnek veriniz.

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

Kutucuk ile resim arasında 15 pixel mesafe bırakmak için img etiketine hangi stil özelliği nasıl tanımlanır?

padding: 15px;