Home » » Html Code Horizontal line, Color, size, width.

Html Code Horizontal line, Color, size, width.

Belajar Html Code Horizontal line, Warna, ketebalan, dan panjang - Penting sekali dalam belajar tentang Horizontal line, bentuk line dalam sebuah artikel yang harus kita pelajari Html code nya.

Kenapa keta belajar tentang html horizontal line .. ?

Untuk memahami bentuk line pada paragraf serta betapa besar size line horizontal dari sebuah tulisan tersebut dan berapa lebar line horizontal paragraf tersebut dan masih banyak lagi.

Mari kita mulai pembelajaran tentang horizontal line Html Code.

Kita mulai denga Code pertama :

<DOCTYPE html> 
<html> 
<head> 
<title>Horizontal Line</title> 
</head> 

<body> 
First Line 
<hr> Second Line 
<hr> Third Line 
<hr> 

</body> 
</html>


Kode Html di atas menunjukan horizontal line hasil dari script html di atas akan membentuk hasil seperti ini.

Kode html Horizontal line
Horizontal line code
Kemudian kita tambahkan horizontal code hml tersebut dengan color seperi apa code html combinasi horizontal ine dengan color tersebut.

<<!DOCTYPE html> 
<html> 
 
<head> 
 <title>ode Html Horizontal Line color</title> 
</head> 
 
<body> 
 
 Horizontal color red
 <hr color="red"> horizontal color green
 <hr color="green"> horizontal color blue
 <hr color="blue"> 
 
</body> 
 
</html>




Untuk melihat hasil code horizontal code dengan combinasi color merah hijau dan biru bisa kita lihat hasio html code tersebut di bawah ini langsung.

Code horizontal paragraf

Sekarang kombinasi dari Horizontal size yaitu mengukur ketebalan garis tersebut, dari yang besar sampai yang kecil untuk html code horizontal line size bisa di lihat di bawah ini langsung.

<!DOCTYPE html> 
<html> 
 
<head> 
 <title>combinasi Horizontal Line size</title> 
</head> 
 
<body> 
 
 Horizontal tebal 20 px
 <hr size="20px" color="red"> 
Horizontal tebal 50px 
 <hr size="50px" color="green"> 
Horizontal tanpa ketebalan
 <hr color="blue"> 
 
</body> 
 
</html>


Untuk hasil dari Code horizontal tersebut di atas bisa kita lihat dai gambar berikut.

Belajar html website horizontal lie size
Menentukan nilai panjang line horizontal dengan metode width, seperti apakah kode tersebut bisa di lihat di code di bawah ini langsung.


<!DOCTYPE html> 
<html> 
 
<head> 
 <title>Html Horizontal Line width ( panjang Horizontal )</title> 
</head> 
 
<body> 
 
 Panjang 50%
 <hr width="50%" size="10px" color="red"> Panjang 80%
 <hr width="80%" color="green"> 
Panjang otomatis 
 <hr color="blue"> 
 
</body> 
 
</html>



Hasil code html di atas bisa kita lihat seperti ini.


Cara membuat horizontal line width

Ya begitulah hasil dari kode html horizintal line, atau line horizontal.

Untuk pelajaran code html lainnya bisa di pelajari selanjutnya.




banner

Tutorial Photoshop


Lihat secara lengakap

Tehnik SEO on Page


Lihat secara lengakap

Solusi Pendapatan Online

Diberdayakan oleh Blogger.