Tutorial HTML5 - Elemen <p>, <div>, <pre> dan <hr>

By Admin | June 05, 2018

Tutorial HTML5 - Elemen <p>, <div>, <pre> dan <hr> image

Elemen <p> digunakan untuk membuat paragraf.

<p>This is the first paragraph of text.</p>

Elemen <div> tidak mempunyai arti khusus atau semantik. Elemen ini digunakan sebagai wadah untuk menempatkan beberapa elemen lain menjadi satu bagian dan memberi style css.

<div style="background-color:lightblue">
 <h3>This is a heading</h3>
 <p>This is a paragraph.</p>
</div>

Elemen <pre> digunakan untuk membuat teks terformat. Yang dimaksud teks terformat adalah memunculkan format teks seperti yang anda ketikan dalam elemen <pre>.

<pre>
  ___________________________
< I'm an expert in my field. >
  ---------------------------
         \   ^__^
          \  (oo)\_______
             (__)\       )\/\
                 ||----w |
                 ||     ||
</pre>

Elemen <hr> digunakan untuk menunjukkan perubahan topik dalam sebuah artikel/tulisan dan juga digunakan untuk menunjukkan perubahan latar belakang cerita.

<section>
<h1>Communication</h1>
<p>There are various methods of communication. This section covers a few of the important ones used by the project.</p>
<hr>
<p>Communication stones seem to come in pairs and have mysterious properties:</p>
<ul>
 <li>They can transfer thoughts in two directions once activated if used alone.</li>
 <li>If used with another device, they can transfer one's consciousness to another body.</li>
 <li>If both stones are used with another device, the consciousnesses switch bodies.</li>
</ul>
<hr>
<p>Radios use the electromagnetic spectrum in the meter range and longer.</p>
<hr>
<p>Signal flares use the electromagnetic spectrum in the nanometer range.</p>
</section>
<section>
<h1>Food</h1>
<p>All food at the project is rationed:</p>
<dl>
 <dt>Potatoes</dt>
 <dd>Two per day</dd>
 <dt>Soup</dt>
 <dd>One bowl per day</dd>
</dl>
<hr>
<p>Cooking is done by the chefs on a set rotation.</p>
</section>

Jika anda suka dengan artikel tersebut, silakan berikan dukungan

Donasi