~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~SAYA MENDENGAR LALU SAYA LUPA ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SAYA MEMBACA LALU SAYA INGAT ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ SAYA MELAKUKAN LALU SAYA MENGERTI~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

30 March 2015

Pelajaran 02 : Teks Heading Pada HTML


Text Heading menyediakan 6 text styling yang dapat diatur menggunakan angka 1 sampai 6 dimana angka 1 adalah ukuran paling besar. Biasanya digunakan untuk judul ataupun sub judul yang dicetak besar dan tebal. Ikuti penjelasannya sebagai berikut :

  • penulisan tag heading
  • penulisan tag heading left
  • penulisan tag heading right
  • penulisan tag heading center


1. Tag Heading

Heading dimulai dari <h1> sampai <h6>. <h1> adalah bentuk teks yang paling besar sedangkan <h6> adalah bentuk teks yang paling kecil

Contoh penulisan Heading :

<html>
<head>
<title>heading</title>
</head>
<body>
<h1>Teks heading 1</h1>
<h2>Teks heading 2</h2>
<h3>Teks heading 3</h3>
<h6>Teks heading 6</h6>
</body>
</html>
 





2. Tag Heading Left

Heading mempunyai parameter untuk mengatur justify yaitu LEFT, CENTRE, dan RIGHT. Untuk membuat heading rata kiri pengaturannya menggunakan atribut align=left.

Contoh penulisan heading rata kiri :


<html>
<head>
<title>heading left</title>
</head>
<body>
<h1 align=left>Teks heading 1 left</h1>
<h2 align=left>Teks heading 2 left</h2>
<h3 align=left>Teks heading 3 left</h3>
<h6 align=left>Teks heading 6 left</h6>
</body>
</html>
 





3. Tag Heading Right

Untuk membuat heading rata kanan pengaturannya menggunakan atribut align=right.

Contoh penulisan heading rata kanan :

<html>
<head>
<title>heading right</title>
</head>
<body>
<h1 align=right>Teks heading 1 right</h1>
<h2 align=right>Teks heading 2 right</h2>
<h3 align=right>Teks heading 3 right</h3>
<h6 align=right>Teks heading 6 right</h6>
</body>
</html>
 





4. tag heading center

Untuk membuat heading rata tengah pengaturannya menggunakan atribut align=center.

Contoh penulisan heading rata kanan :


<html>
<head>
<title>heading center</title>
</head>
<body>
<h1 align=center>Teks heading 1 center</h1>
<h2 align=center>Teks heading 2 center</h2>
<h3 align=center>Teks heading 3 center</h3>
<h6 align=center>Teks heading 6 center</h6>
</body>
</html>


By Herman @SMKN3BuduranSDA



ARTIKEL TERKAIT:


BACA JUGA TULISAN MENARIK LAINNYA :

0 Komentar:

Post a Comment