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.

Posting Komentar

0 Komentar