Macam – macam Tag HTML Yang mempunyai Nilai Inline

by | May 4, 2017 | HTML CSS, Programming, Tips Trik, Tutorial | 0 comments

Halo teman – teman, berjumpa kembali dengan saya Hernowo di tips dan trik Dumet School. Pada artikel kali ini kita akan membahas dan implementasikan tentang Macam – macam Tag HTML Yang mempunyai Nilai Inline. Tentu penting sekali untuk mengetahui beberapa tag – tag html yang mempunyai nilai inline yang artinya berjajar. Yang nanti kita akan bahas adalah tag akan selalu bersifat inline atau default dari html itu sendiri. Tag – tag yang mempunyai nilai inline di antara nya :

  • <img/>
  • <input/>
  • <a></a>
  • <span></span>
  • <label></label>
  • <select></select>
  • <button></button>
  • <textarea></textarea>
  • <strong>strong</strong>
  • <strong>strong</strong>
  • <i>italic</i>
  • <u>Underline</u>
  • <b>Bold</b>

Nah, bisa teman – teman lihat pada list di atas ini merupakan tag – tag yang mempunyai nilai atau sifat inline. Baik sekarang kita implementasikan Macam – macam Tag HTML Yang mempunyai Nilai Inline seperti biasa siapkan text editornya dan copy script html nya di bawah ini

<!DOCTYPE html>
<html>
<body>

<input type="text" placeholder="input">
<input type="password" placeholder="password">
<label>Label</label>
<span>span</span>
<a>Link</a>
<button>Button</button>
<button>Button</button>
<select>
   <option>Ini option</option>
   <option>Ini option</option>
</select>
<select>
   <option>Ini option</option>
   <option>Ini option</option>
</select>
<textarea>textarea</textarea>
<textarea>textarea</textarea>
<strong>strong</strong>
<strong>strong</strong>
<i>italic</i>
<i>italic</i>
<b>Bold</b>
<b>Bold</b>
<u>Underline</u>
<u>Underline</u>

</body>
</html>

Dan pastekan pada text editornya, lalu save dengan nama index.html kemudian jalankan pada browsernya.

Maka output akan menghasilkan seperti gambar di bawah ini

Macam - macam Tag HTML Yang mempunyai Nilai Inline

Teman – teman kalau tidak jelas dengan gambarnya bisa klik gambar agar gambar terlihat lebih besar dan jelas, pada hasil di browser menunjukkan tag – tag html bersifat inline yang berarti sejajar dalam satu baris berbeda dengan tag html yang bersifat block yang akan tampilan selalu membuat baris baru ke bawah. Biasanya tag – tag yang mempunyai nilai inline banyak di pakai untuk membuat layout form input seperti form facebook atau form – form input lainnya. Di dalam pemakaian untuk tampilan form biasa banyak sering di gunakan adalah tag <label> dan tag <span> karena dengan tag – tag inilah layout dengan mudah di buatnya.

Bagaimana, sangat mudah bukan..??

Baik, cukup sekian pada artikel kali ini tentang Macam – macam Tag HTML Yang mempunyai Nilai Inline kita berjumpa kembali pada artikel berikutnya. Terimakasih dan Sampai Jumpa.

Semoga bermanfaat.