Belajar Pemrograman HTML (6)

Pada postingan kali ini, kita akan mempelajari tentang bagaimana membuat sebuah garis pada suatu halaman web.

Cara Membuat garis pada web sangat sederhana, yakni hanya dengan menambahkan tag <hr> yang disisipkan pada tempat garis yang akan ditampilkan

Contoh:

Output:

Penjelasan:

Jadi, untuk membuat sebuah garis pada halaman web, digunakan tag <hr>. Untuk menyesuaikan ukuran, bentuk, lebar, ataupun perataan, dibutuhkan atribut-atribut tambahan setelah tag hr.

Atribut-atribut tersebut, seperti:

Align: untuk perataan. Sama seperti perataan pada teks, jika kita ingin membuat garis di tengah, gunakan ‘align center’, ‘align right’ untuk rata kanan, dst.  Contohnya, kita ingin membuat garis dengan rata kiri. Maka penulisan di teks editornya adalah

<hr align=”left”>

Width: untuk menyesuaikan lebar garis. Menyesuaikan lebar garis dapat ditulis dalam bentuk persen ataupun px (piksel). Contoh penulisannya:

<hr width=”60%”> yang menunjukkan bahwa lebar garis yang akan ditampilkan adalah 60% dari halaman web.

Atau bisa juga dituliskan

<hr width=”500px”> yang menunjukkan bahwa lebar garis yang akan ditampilkan adalah 500piksel.

Size: untuk menyesuaikan besar garis. Contoh penulisannya:

<hr size=”20”> yang menunjukkan bahwa lebar garis yang akan ditampilkan pada halaman web adalah sebesar 20

Noshade: untuk membuat efek berupa bayangan pada garis. Penulisan atribut noshade dapat dituliskan hanya dengan menambahkan kata ‘noshade’ setelah ‘hr’

Jika ingin membuat garis biasa, maka cukup gunakan tag <hr> saja. Perlu juga diketahui bahwa tag <hr> tidak membutuhkan tag penutup.

Pada script juga terdapat penulisan seperti

<i> Copyright &copy, Yati </i>

Itu merupakan salah satu perintah-perintah khusus pada pemrograman HTML yang berarti copy right. Nanti kita akan membahas mengenai hal tersebut di postingan berikutnya.

Itulah artikel mengenai cara membuat garis pada halaman web, semoga bermanfaat J