html

Developer web saat ini diharapkan tahu berbagai macam bahasa. Akibatnya, ada beberapa keyword yang sering tidak digunakan. Karena sulit bagi developer untuk mempelajari semua keyword yang tersedia di suatu bahasa pemrograman. Terutama bagi developer web yang harus menghafalkan beberapa bahasa seperti HTML, CSS, JavaScript, PHP, MySQL, dan lain sebagainya.
Berikut adalah sebelas tag HTML yang jarang kita gunakan dan kurang kita manfaatkan. Meskipun jarang kita pakai, ada kalanya tag-tag tersebut berguna.

Tag <cite>

Kita semua akrab dengan tag <blockquote>, tapi apakah Anda pernah mendengar adik tag <blockquote> yang bernama <cite>? Tag <cite> biasa digunakan untuk mengkutip judul karya orang lain (seperti buku, puisi, lagu, film, lukisan, patung, dan lain-lain). Contohnya seperti di bawah ini.

Seri drama Netflix terbaru, Squid Game, menggemparkan dunia maya.

<p>Seri drama Netflix terbaru, <cite>Squid Game</cite>, menggemparkan dunia maya.</p>

Tag <optgroup>

Tag <optgroup> kita gunakan untuk menambahkan semacam grouping di dalam tag select. Contohnya seperti di bawah ini, kita memisahkan antara produksi Mobil Swedia dan Mobil Jerman.

<select name="mobil" id="mobil">
    <optgroup label="Mobil Swedia">
        <option value="volvo">Volvo</option>
        <option value="saab">Saab</option>
    </optgroup>
    <optgroup label="Mobil Jerman">
        <option value="mercedes">Mercedes</option>
        <option value="audi">Audi</option>
    </optgroup>
</select>

Tag <acronym>

Tag <acronym> kita gunakan untuk menjelaskan lebih detil suatu kata atau kalimat. Saat cursor kita arahkan ke kalimat yang tertandai dengan tag ini, kotak kecil beserta tulisannya akan muncul. Contohnya seperti di bawah ini, jika cursor Anda arahkan ke kata HTML akan muncul tulisan HyperText Markup Language.

HTML digunakan untuk menampilkan dokumen di web browser

<p><acronym title="HyperText Markup Language">HTML</acronym> digunakan untuk menampilkan dokumen di web browser</p>

Tag <address>

Tag <address> biasanya kita gunakan untuk menandai suatu alamat di HTML. Semua teks yang ada di dalam tag <address> akan tertulis miring, walaupun style ini bisa kita ubah dengan CSS.

Kampus Mugas
Jl. Trilomba Juang No 1 Semarang 50241, Telp (62-24) 8451976, 8311668 Fax (024) 8443240

Kampus Kendeng
Jl. Kendeng V Bendan Ngisor Semarang, Telp (62-24) 8414970 Fax (024) 8441738

Tag <ins> dan <del>

Tag <ins> biasa kita gunakan untuk menandai teks dengan garis bawah dan tag <del> kita gunakan untuk menandai teks dengan garis coret. Contohnya bisa kita lihat di bawah ini.

Dimas gagal berhasil melakukan sidang skripsi

<p>Dimas <del>gagal</del> <ins>berhasil</ins> melakukan sidang skripsi</p>

Tag <label>

Tag <label> menjadi satu-satunya tag yang paling dilupakan saat membuat form. Tidak hanya tag <label> sangat bagus untuk memberi style, mengeklik label ini berarti Anda mengeklik <input> yang terhubung dengan tag ini melalui atribut “for”.

<label for="username">Masukkan username: </label>
<input id="username" type="text" placeholder="Username">

Tag <fieldset> dan <legend>

Tag <fieldset> dan <legend> biasa kita gunakan untuk mengkelompokkan beberapa <input> agar terlihat lebih rapi. <fieldset> akan membuatkan kotak yang mengumpulkan kumpulan tag <input> tadi dan <legend> akan menjadi judul kotak tadi. Contoh penggunaannya adalah sebagai berikut.

Contoh penggunaan <fieldset> dan <legend>
<form>
    <fieldset>
        <legend>Data diri:</legend>
        <label for="namadep">Nama depan:</label>
        <input type="text" id="namadep" name="namadep">
        <br><br>
        <label for="namabel">Nama belakang:</label>
        <input type="text" id="namabel" name="namabel">
        <br><br>
        <label for="email">Email:</label>
        <input type="email" id="email" name="email">
        <br><br>
        <label for="ultah">Ulang tahun:</label>
        <input type="date" id="ultah" name="ultah">
        <br><br>
        <input type="submit" value="Kirim">
    </fieldset>
</form>

Tag <abbr>

Tag <abbr> sangat mirip dengan <acronym>, bedanya tag ini kita gunakan untuk menjelaskan kata-kata yang disingkat.

Dimas Azrial Akbar, S.Kom.

<p>Dimas Azrial Akbar, <abbr title="Sarjana Komputer">S.Kom.</abbr></p>

Tag <wbr>

Tag ini membuat baris baru saat ukuran browser kita kecilkan atau saat ukuran browser terlalu kecil agar kalimat di dalam tag ini langsung terpotong. Contohnya seperti di bawah ini, coba kecilkan ukuran browser untuk melihat efeknya.

kalimatkalimatkalimatiniiniiniakanakanakanterpotongterpotongterpotongtitiktitiktitik

<p>kalimatkalimatkalimat<wbr>iniiniiniakanakanakanterpotongterpotongterpotong</wbr>titiktitiktitik</p>

Sekian pembahasan kita mengenai tag HTML yang paling jarang kita gunakan. Semoga artikel ini dapat menambah wawasan pembaca mengenai HyperText Markup Language.

By admin

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan.