Cara Membuat Garis Merayap Di Html

Daftar Isi:

Cara Membuat Garis Merayap Di Html
Cara Membuat Garis Merayap Di Html

Video: Cara Membuat Garis Merayap Di Html

Video: Cara Membuat Garis Merayap Di Html
Video: Cara Membuat Garis Horizontal Halaman HTML 2024, Mungkin
Anonim

Desainer web menggunakan berbagai macam efek untuk menghias halaman yang mereka buat. Salah satu efek tersebut adalah garis merayap yang menarik perhatian pengguna dan membuatnya membaca teks.

Cara membuat garis merayap di html
Cara membuat garis merayap di html

Itu perlu

editor html

instruksi

Langkah 1

Untuk bekerja dengan HTML, Anda memerlukan editor html, misalnya, uteHTML. Anda dapat mengunduh versi portabelnya, yang tidak memerlukan instalasi, dari tautan di akhir artikel. Editor ini memiliki penyorotan sintaks dan sangat nyaman untuk mempelajari dasar-dasar HTML.

Langkah 2

Buka editor dan tulis kode ini di antara tag: Saya ingat momen indah: Anda muncul di hadapan saya, Seperti visi sekilas, Seperti jenius kecantikan murni.

Langkah 3

Klik ikon Lihat di browser (kaca pembesar di latar belakang globe) di editor kode. Browser default akan terbuka, Anda akan melihat puisi Pushkin di baris yang sedang berjalan. Sekarang perhatikan baik-baik contoh di atas. Tag tenda adalah tag perayapan. Parameter tinggi dan lebar mengatur tinggi dan lebar kotak garis, bgcolor mendefinisikan warna latar belakang, dalam hal ini putih. Ganti hijau untuk putih dan latar belakang garis akan berubah menjadi hijau. Bereksperimenlah dengan warna, lebar, dan tinggi margin baris.

Langkah 4

Anda dapat menentukan parameter tambahan untuk pergerakan garis menggunakan parameter PERILAKU. Misalnya, ubah tag kode pembuka sebagai berikut: Mulai pratinjau di editor - sekarang teks akan berpindah dari satu sisi kotak garis ke sisi lain dan kembali.

Langkah 5

Anda dapat mengatur arah pergerakan garis gulir menggunakan parameter DIRECTION = "..", dengan mengganti nilai-nilai berikut ke dalamnya: kiri - garis bergerak ke kiri. kanan - garis menuju ke kanan. atas - dari bawah ke atas. bawah - dari atas ke bawah.

Langkah 6

Coba ubah ukuran teks dengan melampirkannya di tag Teks. Dalam contoh ini, ukuran teks adalah 5. Anda juga dapat mengubah warnanya menggunakan tag Teks. Dalam contoh ini, teks akan berwarna merah.

Direkomendasikan: