Desain

Gambar (image)

Memasukkan gambar, klik tanda Plus biru pojok kiri atas kemudian pilih gambar yang mau di masukkan eUKBM klik ok, masuk menu insert pilih file gambar tersebut.

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;line-height: normal"><span lang="IN"><img alt="berprestasi" src="../Images/berprestasi.JPG"/><br/></span></p>

Jika ingin gambar menjadi relative position  maka rubahlah kode diatas menjadi:

<img class="image" align="center" width="100%" alt="berprestasi" src="../Images/berprestasi.JPG"/><br/>

Video

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;line-height: normal"><span lang="IN"><video controls="controls" src="../Video/Contoh video.mp4"></video><br/></span></p>

Jika ingin Video menjadi relative position maka rubahlah kode diatas menjadi:

<video class="video" align="center" controls="controls" src="../Video/Contoh video.mp4"></video

Audio

Penggunaan elemen audio ditandai dengan pasangan tag <audio> …. </audio>. Diantara pasangan tag <audio> terdapat elemen source dan dapat ditambahkan teks yang akan tampil jika browser tidak mendukung elemen audio.

Pada elemen audio juga terdapat beberapa atribut yaitu :

Atribut	Nilai	Fungsi
autoplay	–	Menentukan bahwa audio akan diputar langsung ketika halaman sudah diload secara otomatis.
controls	–	Menunjukkan bahwa controls audio (setiap browser memiliki tampilan controls audio yang berbeda – beda) ditampilkan seperti player yang biasanya berisi perintah seperti tombol play/pause, slider, volume dan lain sebagainya.
muted	–	Digunakan untuk mematikan atau membisukan suara yang berarti audio akan diputar tanpa suara pada awal inisial.
loop	–	Digunakan untuk memutar ulang audio yang sudah selesai diputar.
src	URL lokasi file audio	Menunjukkan lokasi penyimpanan file audio atau URL yang menunjukkan keberadaan audio file tersebut.
preload	auto, none, metada	Menunjukkan seberapa penting audio harus diload ketika halaman web dimuat.

Contoh sebagai berikut :

<audio controls="controls" src="../Audio/meraih bintang.mp3"></audio>

Caption

Untuk memberikan keterangan pada Gambar, tabel, atau yang lain perhatikan contoh script berikut :

<p class="caption">Gambar 1: Statistik (sumber: www.geogebra.org)</p>

Quote

<p class="MsoNormal" style="margin-bottom:0in;margin-bottom:.0001pt;line-height: normal"><span lang="IN">ini teks yang mau dicadikan quote.</span></p>

Jika kita ingin membuat ringksan penting maka kita bisa menggunakan Quote

<p class="quote" style="margin-bottom:0in;margin-bottom:.0001pt;line-height: normal"><span lang="IN">ini teks yang mau dicadikan quote.</span></p>

Menu Foother

<br/><br/>
<script src="../Misc/getfeedback.js" type="text/javascript"></script>
<script src="../Misc/evaluasi.js" type="text/javascript"></script>
<div id="footer" style="text-align:center; font-weight: bold">
<a class="button_left purple" href="../Text/daftar_isi.xhtml"><span>⌂</span>Daftar Isi</a></div>