Kamis, 12 Maret 2015

Membuat Baris Baru dan Paragraf pada HTML



Membuat Baris Baru & Paragraf
Sekarang mari kita mempelajari bagaimana cara membuat baris dan paragraf. Biasanya untuk membuat baris baru, kita lakukan dengan menekan tombol enter kan kalau di Ms.Word. Bagaimana dengan dokumen HTML ? Cobalah membuat tulisan berikut pada aplikasi Notepad.



1.      <html>
2.      <head>
3.      <title>Penggunaan Enter Dalam Dokumen HTML</title>
4.      </head>
5.      <body>
6.      Baris Pertama
7.      Baris Kedua
8.      Baris Ketiga
9.      </body>
10.  </html>

Lalu Simpan & Lihat Hasilnya.
Tulisan akan tampak tanpa adanya paragraf. Kesimpulannya, penekanan tombol Enter tidak menghasilkan baris dalam tampilan browser. Demikianlah sifat penulisan dokumen HTML. Lantas, bagaimana caranya membuat baris? Gunakanlah tag <br/ >. Tag ini tidak mempunyai tag penutup. Nah, Cara untuk menerapkannya dengan mengedit Dokumen HTML yang di buat tadi. Anda bisa menyisipkan tag <br/ > untuk membuat baris baru. Contohnya bisa di lihat di bawah ini :








9.      <html>
10.  <head>
11.  <title>Penggunaan BR Dalam Dokumen HTML</title>
12.  </head>
13.  <body>
14.  Baris Pertama<br />
15.  Baris Kedua<br />
16.  Baris Ketiga<br />
17.  </body>
18.  </html>
Simpan dan lihatlah hasilnya.
Untuk bahan latihan silahkan anda buat sendiri kreasi masing masing tentang penggunaan tag BR. Contohnya seperti kode html di bawah ini :?
1
2
3
4
5
6
7
8
9
<html>
<head>
<title>Penggunaan BR Dalam Dokumen HTML</title>
</head>
<body>
Baris pertama<BR/ ><BR/ >
Baris kedua kosong, dan ini baris ketiga<BR/ ><BR/ ><BR/ >
Baris keempat dan kelima kosong, dan ini baris keenam
</body>
</html>
Di sini kita lihat bahwa tag <BR> yang ditulis dua kali akan menghasilkan dua baris, demikian seterusnya. Setelah pandai membuat baris, sekarang kita akan belajar membuat paragraf. Perhatikanlah contoh tulisan di bawah ini :
1
2
3
4
5
6
7
8
9
10
<html>
<head>
<title>Penggunaan Tag P Dalam Dokumen HTML</title>
</head>
<body>
<p>Paragraf pertama</p>
<p>Paragraf kedua </p>
<p>Paragraf ketiga</p>
</body>
</html>
Simpan dan Lihat Hasilnya. Mudah bukan belajar HTML, terus mencoba untuk menambah pengalamanmu...

0 komentar:

Posting Komentar