Part 3. Latihan HTML: Membuat Teks Berjalan & Insert Foto Serta membuat Paragraf Teks

Halo sahabat Golden Generation, Selamat datang di Blog Digilifeskills.com. Blog yang memberikan informasi seputar dunia pendidikan khususnya dalam bidang Math, Science dan Teknologi.

Oke sahabat golden generation, pada kesempatan kali ini kita akan membuat teks Berjalan dan cara insert foto dengan menggunakan bahasa pemograman. Kira-kira hasilnya akan seperti ini:

Oke untuk membuat seperti tampilan di atas. Tuliskan kode html seperti berikut ini:

Bagaimana cara menuliskannya? Tuliskan di aplikasi notepad++ yang telah dipelajari sebelumnya di part 2 latihan menulis html

Di part 3 ini, ada  tambahan yaitu

• menjalankan teks bergerak ke kiri yaitu dengan menggunakan tag: <marquee></marquee>
• memasukkan foto ke dalam website dengan menggunakan script : <image.scr" ">
• membuat teks paragraf dengan menggunakan tag <p>...</p>

Untuk memasukkan foto caranya adalah:

1. Siapkan foto yang akan diupload

2. berinama dan simpan foto tersebut dalam satu folder file html yang kamu buat di PC/laptop

contohnya seperti ini:

3. untuk menampilkan foto di dalam html, scriptnya seperti ini:

ganti tulisan fotoku.jpg dengan nama foto yang telah kamu simpan. Hati-hati perhatikan ekstensi /type fotonya. Disini saya gunakan .jpg.

Jika type foto kalian adalah png, maka tambahkan akhiran .png setelah tulis nama foto kalian. Ukuran panjang dan lebar foto bisa di atur sesuai kebutuhan.

Selamat mencoba . . .

Share this post