hello kawan semua.............
Di sini saya akan memberikan beberapa penjelasan tentang HTML 5.
- Untuk Menampilkan Sebuah Gambar
- syntaknya sebagai berikut:
hasilnya seperti gambar disamping.
- Untuk menambahkan sebuah Auido
karena di blogger tidak dapat memasukkan audio jadi saya hanya memasukkan SS setelah di coding. Untuk codingnya seperti berikut :
<div>
<audio controls>
<source src="surat al-a'la.mpeg" type="audio/mpeg">
</audio>
</div>
- Belajar menggunakan <iframe> (menambahkan maps pada web anda)
Langkah pertama adalah buka browser anda kemudian buka alamat website ini http://maps.google.com, setelah itu masukan alamat perusahaan anda lihat pada gambar dibawah ini
syntaknya sebagai berikut :
<iframe src="https://www.google.com/maps/embed? pb=!1m18!1m12!1m3!1d31627.198976762244!2d110.33788822394017!3d-7.747341334304079!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x66df46c92af84e44!2sOlive+Fried+Chicken!5e0!3m2!1sid!2sid!4v1520092885212" width="600" height="450" frameborder="0" style="border:0" allowfullscreen>
</iframe>
1. Pertama-tama temna-teman persiapkan file HTMLnya simpan dengan nama index.html.
3. Setelah itu teman-teman klik “bagikan/share” yang ada di bawah video,
4. Kemudian teman-teman pilih “sematkan/embed” dan copy tag <iframe> yang sudah disiapkan oleh youtube,
5. Dan paste di file index.html kita tadi,
6. Hasilnya akan seperti ini,
syntaknya seperti ini :
<div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/murr0HcNcN8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
- Ini adalah syntak keseluruhan :
<!DOCTYPE html>
<html>
<body>
<div>
<img src="anime.jpg" alt="Anime" width="350" height="400">
</div>
<br>
<div>
<audio controls>
<source src="surat al-a'la.mpeg" type="audio/mpeg">
</audio>
</div>
<br>
<div>
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d31627.198976762244!2d110.33788822394017!3d-7.747341334304079!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x66df46c92af84e44!2sOlive+Fried+Chicken!5e0!3m2!1sid!2sid!4v1520092885212" width="600" height="450" frameborder="0" style="border:0" allowfullscreen>
</iframe>
</div>
<br>
<div>
<iframe width="560" height="315" src="https://www.youtube.com/embed/murr0HcNcN8" frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>
</div>
</body>
</html>
OKEY....Cukup sekian yang dapat saya bagikan ke teman-teman sekalian, selamat mencoba , sekian dan terimakasih
Wassalamualaikum Warahmatullahi Wabarokatuh
Tidak ada komentar:
Posting Komentar