Belajar HTML5: Tag select, Tag source, Tag summary

By Adhi P. - Last updated: Sunday, September 14, 2014 - Save & Share - Comments

banner438kursus Belajar HTML5: Tag select, Tag source, Tag summary

Tag select adalah sebuah elemen yang digunakan untuk membuat drop down list. Tag <option> didalam elemen <select> menunjukkan daftar pilihan yang tersedia.

Contoh Kode :

<!DOCTYPE html>

<html>

<body>

<select>

<option value=”volvo”>Toyota</option>

<option value=”saab”>Daihatsu</option>

<option value=”opel”>Opel</option>

<option value=”audi”>Audi</option>

</select>

</body>

</html>

 

Tag <source> digunakan untuk menentukan beberapa media source dari elemen media, seperti <video> dan <audio>. Tag <source> memungkinkan Anda untuk menentukan alternatif Video / audio file yang dapat dipilih oleh browser, berdasarkan jenis media atau dukungan codec.

Contoh Kode :

<!DOCTYPE html>

<html>

<body>

 

<audio controls=”controls”>

<source src=”lagu.ogg” type=”audio/ogg” />

<source src=”lagu.mp3″ type=”audio/mpeg” />

Your browser does not support the audio element.

</audio>

 

</body>

</html>

Hasilnya :

 

Tag <summary> digunakan untuk elemen heading yang terlihat dari elemen <details>. Heading bisa diklik untuk melihat / menyembunyikan rincian. Sebagai catatan <summary> harus menjadi elemen pertama dari elemen <details>. Sayangnya tag ini hanya support di browser chrome.

Contoh Kode :

<!DOCTYPE html>

<html>

<body>

 

<details>

<summary>Copyright 2000-2014.</summary>

<p> – by Prothelon. All Rights Reserved.</p>

<p>All content and graphics on this web site are the property of prothelon.com.</p>

</details>

 

</body>

</html>

Try This: 4 Langkah Mudah Belajar Cara Membuat Website, Langsung Praktek! KLIK DI SINI!.

Hasilnya :

Copyright 2000-2014.

– by Prothelon. All Rights Reserved.

All content and graphics on this web site are the property of prothelon.com.

Okey, tinggal beberapa 6 tag yang belum kita bahas. Untuk itu tetap belajar ya.dan jangan lupa untuk membaca materi-materi lain di prothelon.com.

 

Posted in Belajar HTML5 • Tags: Top Of Page