Showing posts with label html. Show all posts
Showing posts with label html. Show all posts

Thursday, April 6, 2017

Memasukan foto di html

Belajar memanggil foto di html / memasukan foto di html /menambahkan gambar di html


kali ini admin bakalan bahas tentang html lagi nihh,,, kebanyakan orang malas untuk belajar coding , padahal coding dapat dipelajari dengan otodidak loh....


Gak percaya ?? , kalo gak percaya , langsung di coba aja ya, hahhahaha 

kalo di bayangkan, anda melihat sebuah halaman web tanpa gambar pasti menjenuhkan ya, karena itu jika ingin belajar membuat web, maka dasar nya dulu harus dipelajari, jadi kalo kita membuka sebuah web, dan berwarna-warni dan penuh akan gambar, pasti menyenangkan ya hehehhe...




langsung ke topik utama ya, kita akan belajar memanggil, atau memasukan sebuah foto di html, perhatikan source code nya :

<html>
<body>
<center><img src="a.png" width="600px" height="380px"></center>

</body>
</html>


penjelasan :

<html> -> ini adalah tag, yang berarti kita menggunakan bahasa pemograman html, di di tutup oleh </html>
<body> -> halaman body di html
<center> -> untuk mengatur agar foto kita menjadi di tengah nanti.
<img src=""> fungsi untuk memanggil file foto ataupun gambar
width -> mengatur lebar foto
height -> mengatur tinggi foto

*ekstensi file nya jangan salah, sesuaikan dengan foto/gambar anda (.png , .jpg, .jpeg dll)
*jangan lupa meletakan foto yang akan dipanggil di satu folder dengan file html nya ya...


berikut contoh outpuut :


Read More

memanggil video di html

memanggil video di html

halo guys ,, udah sampai dimana coding html nya ??? ,hehheheh kali ini saya akan berbagi codingan html , tapi kita belajar yang dasar-dasar nya dulu ya,



pertama - tama silahkan kalian desain halaman utamanya sesuai kemauan kalian ya, jadi sesuai kreativitas,

selanjutnya adalah codingan untuk memanggil video :

<html>
<body>

<center><h2>film</h2><video width="400" height="300" controls>
  <source src="video/film.mp4" type="video/mp4">
  <source src="video/film" type="video/ogg"><br/>
 
</video><br/>
source youtube</center>

</body>
</html>



penjelasan :
 <center> untuk membuat judul menjadi di tengah
<h2> untuk mengatur ukuran teks judul
<video> tag untuk memanggil video
width and height -> atur ukuran sesuai yang kalian inginkan
control adalah untuk memunculkan button control
source src -> untuk memanggil video

silahkan rubah src" ", sesuai ketak video kalian ya
pada contoh i atas saya letakan di folder video, dan di lanjutkan dengan nama file.ekstensi

berikut outpurnya :




silahkan di coba............


Read More