Tulisan berjalan dan menampilkan video dari youtube ke website menggunakan HTML



 Assalamu'alaikum sahabat KWP semua🙏😊,

Salam sejahtera bagi kita semua, Semoga kita tetap dalam lindungan Tuhan Yang Maha Esa.


Driartikel kali ini saya ingin memberikan kalian sebuah materi yaitu tentang Tulisan berjalan dan cara menampilkan video dari youtube ke website milik kita menggunakan HTML. Pastinya kalian pernah melihat tulisan-tulisan berjalan pada sebuah website yah dan juga ada video dari youtube yang ditampilkan pada sebuah website. Untuk tulisan berjalan pada website biasanya para Programmer menyebutnya Marquee, Karena tulisan yang berjalan itu pastinya menggunakan tag Marquee untuk membuat tulisan tersebut berjalan. 


Pertama kita akan membuat tulisan yang berjalan dari kanan ke kiri atau Marquee Default.

  • Silahkan ketikkan Code HTML dibawah ini pada Text Editor kalian 
<html>
<head>
<title>Marquee</title>
</head>
<body>
<h1>Marquee</h1>
<p>
<marquee>Tulisan Ini Berjalan</marquee>
</p>
</body>
</html>

  • Simpan dan jalankan pada browser kalian. Maka, tampilannya akan seperti gambar dibawah ini



Selanjutnya kita akan membuat tulisan yang berjalan dari kiri ke kanan menggunakan Direction pada marquee
  • Ketikkan code HTML dibawah ini.
<html>
<head>
<title>Marquee Kiri Ke Kanan</title>
</head>
<body>
<h1>Marquee Kiri Ke Kanan</h1>
<p>
<marquee direction="right">Tulisan Berjalan dari kiri ke kanan</marquee>
</p>
</body>
</html>


  • Simpan dan jalankan pada browser kalian. Maka, tampilannya akan seperti gambar dibawah ini




Yang kerakhir kita akan menampilkan sebuah video dari youtube ke website menggunakan HTML.
  • Silahkan ketikkan code HTML dibawah ini
<html>
<head>
<title>Menambilkan Video Dari Youtube</title>
</head>
<body>
<h1>Menampilkan video dari youtube</title>
<p>
<iframe src="https://www.youtube.com/embed/N2wPsP9lWdA"></iframe>
</p>
</body>
</html>

Keterangan: jika kita ingin menampilkan video dari youtube kita wajib menggunakan tambahan embed sebelum ID url video tersebut dan juga jika pada url video tersebut terdapat watch?v= maka, harus dihapus karena jika kita menggunakan watch?v= akan menyebabkan video yang akan ditampilkan mengalami error dan tidak bisa diputar.




Oke teman-teman, Mungkin sekian video dari saya mengenai Tulisan berjalan dan menampilkan video dari youtube ke website menggunakan HTML. 

Terimakasih,




Semangat Otodidak💪💪

 



Komentar

Posting Komentar

Postingan Terpopuler

Cara ngoding HTML di Android

Gambar
  Assalamu'alaikum teman-teman, salam sejahtera bagi kita semua. Banyak diantara kita bertanya-tanya, apakah bisa kita ngoding di android? Jawabannya pasti bisa, karena sudah banyak aplikasi legal yang tersebar di app store atau playstore di Android kalian. Karena saya bukan user atau pengguna android untuk ngoding jadi saya full ngoding di komputer atau laptop saja. Sebenernya ngoding diandroid bisa juga sih, cuman ram android saya 2GB dan sekarang sudah kepenuhan jadi saya tidak bisa pakai android untuk ngoding, karena banyak file penting di handphone saya, hehehehehe... Mungkin saya hanya share pengalaman saya aja nih, karena waktu itu saya juga pernah menjadi programmer yang menggunakan android ya, meskipun cuman ngoding HTML aja sih, apa salahnya jika saya ingin berbagi ilmu buat kalian yang mau ngoding HTML di android.  Yang pernah saya coding di android itu bukan HTML aja sih, CSS dan JavaScript pernah, karena HTML, CSS, JavaScript itu tidak perlu banyak bahan, hanya pe...
Baca selengkapnya

Perkenalan

Gambar
  Assalamu'alaikum Warahmatullahi Wabarokatuh Perkenalkan nama saya Muhammad Ibnu Zein. Dinisi saya sebagai pendiri Forum Koding Web Programming. Dimana forum tersebut adalah tempat untuk mempelajari tentang Web Developing dari awal. Di postingan pertama saya diblog ini saya hanya memperkenalkan saya dan yang akan dibahas di blog ini saja. Diblog ini saya akan menyampaikan berbagai macam materi tentang dunia Web Developing yang terpenting adalah Start up pertama kali kita mulai belajar tentang Web Developing.  Ada pun materi terpenting yang akan saya bahas di blog ini adalah: 1. HTML Dasar 2. CSS Dasar 3. Praktek Pembuatan Website berbasis HTML & CSS 4. PHP Dasar 5. JavaScript Dasar 6. Mysql Database 7. Tambahan info materi tentang Web Developing.
Baca selengkapnya