Home Archives for 04/01/16

Tutorial HTML Part 5 : Cara membuat Paragraf dan baris baru di html

02:30:00 |
Tutorial HTML : Cara membuat Paragraf dengan html - Sekarang kita akan lanjut dengan membuat paragraf di html.Sebelumnya saya sudah kasih tutorial tentang Tutorial HTML : Mengetahui fungsi-fungsi tag yang sering digunakan pada HTML.Seperti yang sudah saya singgung pada tutorial sebelumnya mengenai fungsi-fungsi tag html bahwa untuk membuat sebuah paragraf kita harus menggunakan tag <p> (awal tag) dan </p> (Penutup tag).Mungkin tutorial sebelumnya sudah sangat membantu kalian untuk mengetahui fungsi-fungsi dari tag html tersebut, tetapi mungkin disini ada yang bingung bagaimana cara penulisan-nya dan bagaimana cara kerjanya, untuk itu kita mari kita bahas dengan seksama.

Untuk memulainya silahkan anda buka text editor yang sudah anda pilih, dan pada kesempatan ini saya menggunakan text editor sublime text.

Contoh penggunaan yang tidak menggunakan paragraf.
 
<html>
<head>
    <title>Belajar membuat paragraf</title>
</head>
<body>
    Ini bukan paragraf 1
    Ini bukan paragraf 2
</body>
</html>

Saya akan save dengan nama selamat.html.Dan lihat hasilnya


Sekarang coba perhatikan pada gambar diatas, disitu kita melihat bahwa tulisan masih menjadi satu baris, belum menjadi paragraf.Untuk membuat paragraf silahkan anda ketika script di bawah ini.

Contoh script dengan menggunakan paragraf. 

<html>
<head>
    <title>Belajar membuat paragraf</title>
</head>
<body>
    <p>Ini paragraf 1</p>
    <p>Ini paragraf 2</p>
</body>
</html>

Hasilnya akan sama seperti gambar dibawah.


Pada gambar diatas kita bisa lihat bersama, bahwa text-nya agak berjauhan dan sudah tidak satu baris (seperti pada gambar diatas yang sebelumnya).Memang kita melihat pada gambar diatas sama seperti dengan kita membuat baris baru dengan tag <br>

Membuat Baris Baru dengan tag (<br>)
Diatas kita sudah bahas dengan membuat paragraf, lalu bagaimana dengan membuat baris baru? Baris baru kita bisa menggunakan tag <br> pada akhir dari tag yang akan kita buatkan untuk baris barunya.Misalkan pada script dibawah ini.

<html>
<head>
    <title>Belajar membuat paragraf</title>
</head>
<body>
    Ini paragraf 1<br>
    Ini paragraf 2
</body>
</html>

Script diatas kita tidak menggunakan tag apapun, tetapi kita langsung buat tag br, dan coba kita lihat hasilnya

Lalu bagaimana untuk membedakan baris baru dan paragraf? Kita bisa membedakan kedua itu dengan melihat kalau tag br (baris baru) pada gambar diatas bahwa jarak antara kedua textnya tidak terlalu jauh.Tetapi pada tag p (paragraf) kita bisa lihat pada gambar sebelumnya bahwa textnya mempunyai jarak yang agak jauh.Itulah perbedaan paragraf (p) dan baris baru (br).

Sampai disini dulu nanti kita akan lanjut dengan tutorial-tutorial selanjutnya.
Semoga Bermanfaat.
Subscribe to: Posts (Atom)