Mengenal Tag Pre Pada HTML 5
Hallo teman-teman bertemu lagi di panduan Source Code Aplikasi, di panduan kali ini saya akan mengenalkan tag baru bawaan Html5 yaitu tag pre, sebelum kita praktekan penggunaannya, terlebih dahulu kita akan bahas guna dari tag yang satu ini.
Manfaat dari tag pre yakni merepresentasikan teks yang ditulis didalamnya, pada artian dia akan menampilkan teks yang kita ketik di pada editor menurut tipografi nyatanya, artinya teks ditulis apa adanya sesuai format yang ditulis didalam file (dokumen HTML).
Oke bagi lebih jelasnya mungkin kita coba praktekan saja silahkan teman teman bikin sebuah file HTML dan ketikan script berikut :
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Untitled Document</title>
</head>
<body>
<p>
psince the 1500s,
when an unknown printer
took a galley of type and scrambled
it to make a type specimen book.
It has survived not only five centuries
</p>
</body>
</html>
karenanya apabila di save hasilnya akan seperti berikut:
sekarang ini silahkan ganti tag p dengan pre, seperti berikut :
<!doctype html>
<html>
<head>
<meta charset=utf-8>
<title>Untitled Document</title>
</head>
<body>
<pre>
psince the 1500s,
when an unknown printer
took a galley of type and scrambled
it to make a type specimen book.
It has survived not only five centuries
</pre>
</body>
</html>
Karenanya hasil yang diraih akan seperti berikut:
Dengan menggunakan tag atau element pre content yang diraih akan mengcopy penulisan yang terdapat di editor, ketika kita mengenter satu konten karenanya hasilnya akan terenter pun, ketika kita spasi banyak karenanya akan terspasi pun.
Oke teman-teman demikianlah dulu panduan bagi kali ini, semoga bermanfaat.
Terimakasih.
Sumber https://kursuswebsite.org
