Macam – macam Tag HTML Yang mempunyai Nilai Inline
Halo teman – teman, berjumpa kembali dengan saya Hernowo di tips dan trik Source Code Aplikasi. Di artikel kali ini kita akan membahas dan implementasikan mengenai Macam – macam Tag HTML Yang mempunyai Nilai Inline. Tentu urgen sekali bagi mengetahui beberapa tag – tag html yang mempunyai nilai inline yang artinya berjajar. Yang nanti kita akan bahas ialah 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, dapat teman – teman lihat di list di atas ini adalah tag – tag yang mempunyai nilai atau sifat inline. Bagus sekarang ini kita implementasikan Macam – macam Tag HTML Yang mempunyai Nilai Inline seperti lazimnya 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 di text editornya, lalu save dengan nama index.html kemudian jalankan di browsernya.
Karenanya output akan menghasilkan seperti gambar di bawah ini
Teman – teman kalau tak jelas dengan gambarnya dapat klik gambar agar gambar terlihat lebih besar dan jelas, di hasil di browser menunjukkan tag – tag html bersifat inline yang berarti sejajar pada satu baris berbeda dengan tag html yang bersifat block yang akan tampilan selalu merancang baris baru ke bawah. Biasanya tag – tag yang mempunyai nilai inline banyak di gunakan bagi merancang layout form input seperti form facebook atau form – form input lainnya. Di pada pemakaian bagi tampilan form lazimnya banyak sering di gunakan ialah tag <label> dan tag <span> karena dengan tag – tag inilah layout dengan gampang di buatnya.
Bagaimana, amat gampang bukan..??
Bagus, lumayan demikian di artikel kali ini mengenai Macam – macam Tag HTML Yang mempunyai Nilai Inline kita berjumpa kembali di artikel berikutnya. Terimakasih dan Hingga Jumpa.
Semoga bermanfaat.
Sumber https://kursuswebsite.org