Langsung ke konten utama

Belajar HTML : menampilkan video,audio dan gambar

Pengertian html

selamat datang di arsipbertuah blog.pada posting ane kali ini ane ingin berbagi pada belajar HTML bagaimana cara untuk menampilkan gambar, video dan audio di web.
HTML adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.salah satunya adalah dengan menampilkankan media di halaman web.
untuk menampilkan gambar,video maupun audio memiliki persamaan yaitu memanggil file pada lokasi/alamat tempat penyimpanan file tersebut.hanya saja tag html yang berbeda ,seperti yang kita lihat untuk gambar hanya di tampilkan sesuai dengan ukuran lebar dan tinggi yang kita atur sedangkan audio menggunakan fungsi lain yaitu tombol play dan pause, begitu juga dengan video.
ada dua macam dalam memanggil file yaitu internal dan external.

belajar HTML menempilkan vidio audio dan gambar
1. internal yaitu memanggil file dari penyimpanan lokal. misalkan agan belajar buat web di komputer.
maka untuk menampilkannya cukup memanggil url folder dimana tempat penyimpanan file.
contoh :
<img src="img/realmadrid.jpg">

2.sedangkan external yaitu memanggil file pada dari link website lain, misalkan agan mau menampilkan gambar dari facebook
maka agan harus copy link gambarnya lalu paste pada tag html agan.tapi cara ini untuk belajar web harus ada koneksi internet
contoh :
<img src="https://yt3.ggpht.com/-zvPqz5WM4EE/AAAAAAAAAAI/AAAAAAAAAAA/fh1Q0Ycpv2M/s900-c-k-no-mo-rj-c0xffffff/photo.jpg">

nah,sekarang kita terjun ke lapangan untuk praktek lansung. tapi pada posting ini,ane menggunakan source file external.
berikut ini adalah contoh HTML untuk menampilkan gambar,video dan audio.

contoh tag html menampilkan video ,audio dan gambar

<html>
<head>
 <title>belajar menampikan vidio,gambar dan audio</title>
</head>
<body>
<div>
<h1>gambar</h1>
<img src="#masukan url gambar" width="400">
</div>
<div>

<h1>video</h1>
<video width="400" controls>
 <source src="#masukan url video" type="video/mp4" >
</video>
</div>

<h1>audio</h1>
<audio controls>
 <source src="#masukan url audio" type="audio/mpeg">
</audio>
</div>
</body>
</html>

silahkan ganti src=""  dengan source file yang ada pada komputer agan .

sekian penjelasan sederhana tantang tag html untuk memanggil video, audio dan gambar .semoga dapat memberikan manfaat dan menambah wawasan untuk mempelajarinya lebih lanjut.
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

Metode (SAW) Simple Additive Weighting dan contoh coding PHP

Pengertian SAW Simple Additive Weighting meupakan metode penjumlahan terbobot konsep dasar metode SAW adalah mencari penjumlahan terbobot dari rating kinerja pada setiap alternative pada semua kriteria (Kusumadewi, 2006) Menurut Fajar Nugraha (2011), metode SAW membutuhkan proses normalisasi matrik keputusan (X) ke suatu skala yang dapat diperbandingkan dengan semua rating alternatif yang ada. Metode SAW mengenal adanya 2(dua) atribut yaitu kriteria (benefit) dan kriteria biaya (cost) perbedaan mendasar dari kedua kriteria ini adalah dalam pemilihan kriteria ketika mengambil keputusan. Adapun langkah penyelesaian dalam menggunakannya adalah 1. Menentukan alternative, yaitu Ai 2. Menentukan kriteria yang akan dijadikan acuan dalam pengambilan keputusan, yaitu Cj 3. Memberikan nilai rating kecocokan setiap alternative pada setiap kriteria. 4. Menentukan bobot preferensi atau tingkat kepentingan (W) setiap kriteria W=[ W1 W2 W3 W4] 5. Membuat table rating kecocokan dari setiap ...
3 komentar
Baca selengkapnya

Php root Url untuk include dari dalam dan luar folder

Pada Posting ini akan membahas pemanggilan file-file php atau juga html document. yang melalui fungsi yang telah disediakan oleh php dan membahas bagaimana menggali berdasarkan letak file atau root(akar) didalam folder,sub folder dan sub sub folder. Fungsi PHP untuk memanggil file php lainya Bahasa pemograman PHP  memiliki kemampuan utuk menyertakan file php yang lainnya.adapun fungsi untuk menyertakan file php lainya yaitu. include(); require(); include_once(); requere_once(); agan bisa gunakan salah satu dari fungsi tersebut sesuai dengan kebutuhan agan. Bagaimana memanggil file php berdasaran lokasi akar foldernya ? 1.memanggil di dalam satu folder yang sama memanggil dalam satu folder ini maksunya adalah file php yang akan memanggil dan file php yang akan di panggil berada dalam satu folder. nah, untuk menyertakan file php didalam folder yang sama pathnya seperti  contoh dibawah ini: include(‘koneksi.php’); pada conto diatas file php koneksi berada dalam satu folder dengan...
Posting Komentar
Baca selengkapnya

Belajar web : load page dengan Jquery Ajax

selamat datang di arsipbertuah pada posting satu ini saya akan membahas tentang cara membuat load halaman menggunakan jquery ajax. dengan tujuan untuk mempercepat proses loading karena semua element web tidak di load semua. Pengertian Jquery jQuery adalah sebuah library Javascript yang sangat ringkas dan sederhana untuk memanipulasi komponen di dokumen HTML, menangani event, animasi, efek dan memproses interaksi ajax. jQuerydirancang sedemikian rupa supaya membuat program menggunakan Javascript menjadi relatif sangat mudah. dengan jquery kita tinggal memanggil fungsi yang ada tentunya sesuai dengan dengan kasus kita untuk membuat gambar menjadi zoom .tujuannya menggunakan jquery adalah untuk mempercantik tampilan dan membuat web kita lebih interaktif pengertian Ajax AJAX(Asynchoronous Javascript and XML) adalah sebuah teknik pemograman yang memungkinkan kita melakukan pertukaran data dengan server di belakang layar,sehingga halaman web tidak perlu di reload lagi hanya untuk menganti se...
Posting Komentar
Baca selengkapnya