Selasa, 01 September 2020

Tag Paragraf Pada HTML - Belajar HTML Dasar 7

Tag Paragraf Pada HTML - Belajar HTML Dasar 7, Setelah anda berhasil membuat heading dan memformat text, selanjutnya kita akan membahas tentang cara membuat paragraf, mengatur paragraf dan hal-hal lain yang berhubungan dengan paragraf, namun pastikan anda telah mempelajari tentang cara membuat, menyimpan file html dan juga jangan lupa baca tentang tag dan atribut
Tag Paragraf Pada HTML - Belajar HTML Dasar 7

Tag Paragraf <p>

Untuk membuat paragraf di html kita akan menggunakan tag <p> dan ditutup dengan </p>, untuk penggunaannya silahkan liat contoh dibawah ini :

<!DOCTYPE html>
<html>
<head>
 <title>belajar membuat paragraf</title>
</head>
<body>
 <p> ini adalah contoh penulisan menggunakan tag paragraf dan ini adalah paragraf pertama saya </p>
 <p> ini adalah contoh penulisan menggunakan tag paragraf dan ini adalah paragraf pertama saya </p>
</body>
</html>

Atribut Tag Paragraf

Jika anda sudah bisa membuat paragraf anda juga bisa mengatur paragraf anda dengan menggunakan atribut align (perataan) dengan atribut 4 pilihan atribut value mulai dari right (kanan), left (kiri), center (tengah), justify (kiri kanan). Anda bisa menggunakan salah satunya untuk mengatur paragraf anda, namun secara default paragraf akan rata kiri meskipun tidak menggunakan atribut align. Berikut contoh penggunaan atribut dan atribut value ini sebagai berikut :

<!DOCTYPE html>
<html>
<head>
 <title>belajar membuat paragraf</title>
</head>
<body>
 <p align="left"> Ini adalah paragraf dengan perataan kiri </p>
 <p align="right"> Ini adalah paragraf dengan perataan kanan</p>
 <p align="center"> Ini adalah paragraf dengan perataan tengah</p>
 <p align="justify"> Ini adalah paragraf dengan perataan kiri kanan </p>
</body>
</html>

Tag Horizontal Rules <hr>

Tag <hr> merupakan single tag yang digunakan untuk mendefinisikan jeda tematik di halaman HTML, dan paling sering ditampilkan sebagai garis horizontal di dalam sebuah halaman html. Contoh penggunaan tag <hr> adalah sebagai berikut :

<!DOCTYPE html>
<html>
<head>
 <title>belajar membuat horizontal rules</title>
</head>
<body>
 <h1> INI ADALAH JUDUL WEB </h1>
 <hr>
 <p> Ini adalah paragraf yang digunakan untuk menulis di dalam web </p>
</body>
</html>

Tag Line Break <br>

Tag <br> adalah tag yang digunakan untuk memisahkan tulisan atau bisa disebut sebagai enter dalam html seperti yang telah saya jelaskan pada materi sebelumnya. Tag <br> merupakan single tag yang tidak membutuhkan penutup. Contoh penggunaan tag <br> yaitu :

<!DOCTYPE html>
<html>
<head>
 <title>belajar membuat break lines</title>
</head>
<body>
 ini adalah tulisan
 tanpa br
        <br/>
 ini adalah tulisan <br/>
 dengan br
</body>
</html>

Tag Pre Formatted Text <pre>

Tag <pre> digunakan untuk mendifinisikan teks yang telah diformat sebelumnya atau dalam bahasa lainnya pre berfungsi untuk menampilkan teks sesuai dengan yang anda ketikkan dalam text editor tanpa harus menggunakan break lines untuk mengaturnya, namun jika menggunakan tag pre font yang ditampilkan pada text anda secara default berubah menjadi font courier. Biasanya tag pre digunakan untuk membuat puisi, contoh penggunaan tag <pre> adalah sebagai berikut :

<!DOCTYPE html>
<html>
<head>
 <title>belajar menggunakan pre formatted text</title>
</head>
<body>
 <pre>
  Rumahku

  Rumahku dari unggun timbun sajak
  Kaca jernih dari luar segala nampak
  Kulari dari gedong lebar halaman

  Aku tersesat tak dapat jalan
  Kemah kudirikan ketika senja kala
  Di pagi terbang entah ke mana
  Rumahku dari unggun timbun sajak

  Di sini aku berbini dan beranak
  Rasanya lama lagi
  Tapi datangnya datang
  Aku tidak lagi meraih petang
  Biar berleleran kata manis madu
  Jika menagih yang satu
 </pre>
</body>
</html>

Setelah mempraktekkan contoh-contoh paragraf dan segala atributnya diatas, silahkan gunakan tag yang cocok pada tempatnya sesuai dengan kebutuhan dan model web html yang ingin anda buat. Ingat segala tag yang kita pelajari hari ini harus di tulis di antar tag <body> hingga </body>

Demikian sesi berbagi ilmu tentang tag paragraf pada web. Jika ada hal yang tidak dimengerti silahkan bertanya di kolom komentar, dan kita sharing sampai sama-sama mengerti. Jangan lupa baca artikel lain tentang Belajar HTML lainnya

Posting Komentar

Halo Cari Apaki? Ketikmi