Langsung ke konten utama

HTML Tag Pre

Tag pre pada HTML digunakan untuk mendefinisikan block atau preformat teks yang merepresentasikan teks space, line break, tab, dan karakter format lainnya yang akan diabaikan oleh web browser. Teks pada elemen <pre> akan ditampilkan dalam bentuk huruf yang tetap, tetapi juga bisa dirubah dengan menggunakan kode CSS. Tag <pre> membutuhkan bagian awalan dan akhiran tag.

Sintak:
<pre> Konten... </pre>

Contoh:

<html>

 

<head>

 

<title>

tag pre

</title>

 

</head>

 

<body>

 

<pre>

Blog Elfan, adalah blog tentang ilmu komputer.

</pre>

 

</body>

 

</html>

Output:
Blog Elfan, adalah blog tentang ilmu komputer.


Contoh:

<html>

 

<head>

 

<title>

Tag pre dengan CSS

</title>

 

<style>

pre 

{

font-family: Arial;

color: #009900;

margin: 25px;}

</style>

 

</head>

 

<body>

 

<pre>

Blog Elfan

portal ilmu komputer

</pre>

 

</body>

 

</html>

Output:
Blog Elfan

portal ilmu komputer

Komentar

  1. Apa yang dimaksud dengan elemen pre pada dokumen HTML?

    BalasHapus
    Balasan
    1. Elemen HTML < pre > digunakan untuk mewakili teks yang telah diformat sebelumnya yang akan disajikan persis seperti yang tertulis dalam file HTML. Teks biasanya dirender menggunakan font non-proportional, atau "monospace".

      Hapus
    2. Tag < pre > mendefinisikan teks yang telah diformat sebelumnya pada dokumen HTML. Teks dalam elemen tersebut kemudian ditampilkan dalam font fixed-width dengan ukuran lebar yang tetap, dan teks juga akan mempertahankan spasi dan jeda baris.

      Hapus
  2. Apa perbedaan antara tag P dan tag PRE pada dokumen html?

    BalasHapus
    Balasan
    1. Tag P digunakan untuk mendefinisikan sebuah paragraf pada dokumen html. Dengan tag p, browser secara otomatis akan menambahkan beberapa spasi atau margin sebelum dan sesudah elemen < p >. Sedangkan tag PRE pada html digunakan untuk mendefinisikan teks yang telah diformat sebelumnya. Teks dalam elemen PRE akan ditampilkan dalam font, dan ukuran spasi yang tetap.

      Hapus

Posting Komentar

Respon komentar 7 x 24 jam, so please be patient :D