Kamis, 04 Juli 2019

All post

Cara Menyisipkan Video di Website

Ayu Ratna Juli 04, 2019 Leave a Reply
Cara menyisipkan video di website

Bagaimana cara video diatas bisa ditampilkan??
Dengan menggunakan tag video dalam html kita bisa menampilkan video di website.
Perintah untuk menampilkan video diatas adalah sebagai berikut:

<div class="separator" style="clear: both; text-align: center;">
<iframe allowfullscreen="" class="YOUTUBE-iframe-video" data-thumbnail-src="https://i.ytimg.com/vi/pQgliz9zWL4/0.jpg" frameborder="0" height="266" src="https://www.youtube.com/embed/pQgliz9zWL4?feature=player_embedded" width="320"></iframe></div>

Cukup rumit dan sulit dipahami ya? Ya karena video yang diambil bukan dari folder yang sama melainkan diambil dari youtube. Makanya sourcenya panjang. Namun jika satu folder dengan htmlnya, maka tidak serumit itu. Contoh tag nya

<body>
<video width="...px" height="...px controls><source src="..... .mp4></video>
</body>
</html>

Width dan height nya untuk mengatur ukuran videonya. Dan source src untuk letak filenya.

Silahkan dicoba.
 Dan semoga bermanfaat.

Selagi bisa lakukan, agar tak menyesal nantinya
~@enjie_press
All post

Cara Menampilkan Gambar di Html

Ayu Ratna Juli 04, 2019 Leave a Reply
Cara menampilkan gambar di website
Agar tampilan website lebih menarik dan mudah dipahami oleh pembacanya. Banyak blog yang menyisipkan gambar pada websitenya. Penambahan gambar dalam sebuah website tentunya akan menciptakan tampilan halaman web lebih menarik dan lebih informatif. Tapi bagaimana caranya?

Di html dalam nyisipkan gambar menggunakan tag <img src="..... .jpg>
Atribut src adalah singkatan dari source yang berisi alamat gambar yang akan disisipkan ke dalam website. Selain atribut src tag img juga mempunyai atribut alt.

Contoh penggunaan tag nya


Dan hasilnya seperti dibawah ini.

Weight dan height di atas digunakan untuk mengatur panjang dan lebar dari gambar. 
Dan perlu dipahami gambar bisa ditampilkan kalau html mendeteksi dimana letaknya. Jika anda menyimpan gambar harus sefolder dengan file htmlnya. Atau bisa juga pengambilan gambar dari google dengan cara mengcopy alamat gambarnya. Dan harus melihat apa jenis file nya. Jika jpg ya jpg jika png ya png jangan dibuat berbeda.

Saya rasa cukup sekian pembahasan kali ini kalo masih belum paham bisa tanya dengan comment dibawah. 

Jika anda satu kali belum paham coba dua kali jika tetap belum coba terus sampai anda benar-benar paham. Jangan pernah lelah untuk mencoba.
~@enjie_press

All post

Hyperlink Html

Ayu Ratna Juli 04, 2019 Leave a Reply
Hyperlink html
Hyperlink dalam html digunakan untuk suatu halaman web ke halaman web lain. Adanya link biasanya diberi sorotan yang berbeda seperti garis bawah atau warna. Tag yang digunakan untuk memunculkan link yaitu <a> atau yang disebut tag anchor.

Contoh, saya ingin menuju halaman blog saya yang sebelumnya
Kita tinggal panggil dengan menggunakan link. Link di Html menggunakan tag <a>.

Contoh:

<a  href="https://catatanmateriayu.blogspot.com/2019/07/html-list.html">menujuhalamansebelumnya</a>


Maka hasilnya akan seperti dibawah dan ketika diklik maka akan menuju halaman yang dituju.

menujuhalamansebelumnya

contoh pengkodingannya yaitu:



Untuk pembahasan hyperlink ini saya rasa cukup. Bila masih belum paham bisa tanya di kolom comment insyaallah saya jawab.
Semoga bermanfaat!!!

Manfaatkan masa muda mu agar tiada rasa kecewa dimasa tuamu
~@enjie_press