Menyisipkan Garis Horizontal pada HTML

A. Pendahuluan :

Garis Horizontal biasanya digunakan sebagai pemisah antar bagian dalam halaman web. Garis ini merupakan obyek yang dihasilkan secara otomatis oleh tag dalam HTML. Untuk membuat garis horizontal dengan memberikan tag < hr / >.

B. Script Code

<!DOCTYPE> <html> <head> <title> Garis Horizontal </title> </head> <body> <h3> -- Garis Horizontal Pertama -- </h3> <h1>Mawar</h1> <hr /> <img src="BungaMawar.jpg" hspace="20" vspace="20" align="right" width="300" height="250" alt="bunga mawar" /> <p> Bunga mawar sangatlah indah. Maka sudah sepantasnyalah para wanita sangat menyukainya. Di balik keindahan dan keharuman baunya, mawar menyimpan sesuatu hal yang dapat menyakitkan yaitu durinya. </p> <p> Analogi dari bunga mawar. Seorang wanita terkadang seperti halnya bunga mawar. Di dalam kecantikan wanita nan rupawan tersimpan duri yang tajam. Karena itu hati-hatilah dalam memilih wanita. </p> <h3> -- Garis Horizontal Kedua -- </h3> <hr width="80%" align="left" size="10" noshade="noshade" /> </body> </html>

C. Hasil Preview

-- Garis Horizontal Pertama --

Mawar


bunga mawar

Bunga mawar sangatlah indah. Maka sudah sepantasnyalah para wanita sangat menyukainya. Di balik keindahan dan keharuman baunya, mawar menyimpan sesuatu hal yang dapat menyakitkan yaitu durinya.

Analogi dari bunga mawar. Seorang wanita terkadang seperti halnya bunga mawar. Di dalam kecantikan wanita nan rupawan tersimpan duri yang tajam. Karena itu hati-hatilah dalam memilih wanita.

-- Garis Horizontal Kedua --


D. Kesimpulan :

Dari Script dan hasil di atas dapat diketahui bahwa garis horizontal digunakan untuk pemisah pada halaman web serta bisa diatur letak posisi dan ukurannya. Ada perbedaan diantara garis horizontal yang pertama dan yang kedua. Garis horizontal yang pertama dengan menuliskan tag < hr / > dan dalam web muncul garis horizontal yang menjulur dari tepi kiri web ke tepi kanan web (garisnya tanpa ukuran) sedangkan Garis Horizontal yang kedua dengan menyelipkan lebar garis, posisi garis dan ukuran garis dalam html.