Inilah Perintah-Perintah Dasar HTML -->
Log In

Inilah Perintah-Perintah Dasar HTML

Monday, November 25, 2019, 5:36 PM
Tutorial HTML dasar. (Foto: idnews.co) 
tutorial.idnews.co - Ok sahabat semua, dalam hal melakukan sesuatu. Kita semua harus tahu terlebih dahulu apa awal dasar yang harus kita kerjakan dan dipahami.


Untuk itu, kali ini tutorial.idnews.co akan memberikan dasar perintah-perintah HTML agar sahabiat bisa memahaminya.

Ok... Kita langsung saja mengetahui Perintah-Perintah Dasar HTML.

1. <!-.......->
Untuk membuat komentar (Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan dan tidak akan ditampilkan dalam result)<br>
Contoh : <!- Komentar Anda ->

2. <!DOCTYPE>
Digunakan untuk mendefinisikan informasi tipe yang dokumen, dengan begitu web browser dapat mengetahui bagaimana dokumen harus di interpretasikan, dengan menunjukkan versi atau standar HTML (atau bahasa markup lainnya) yang di gunakan.

3. <abbr>
Digunakan untuk menguraikan satu ungkapan yang disingkat dan Anda dapat memberikan informasi bermanfaat kepada penelusur-penulusur page source(halaman sumber kode) / pembaca layar, sistem terjemahan dan mesin pencari yang berasal dari singkatan yang sudah diuraikan, tetapi saat di browser uraian tersebut tidak akan tampil dan hanya sebagai informasi saja.

4. <acronym>
Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag <abbr>

5. <address>
Mendefinisikan informasi kontak untuk penulis/pemilik dokumen.

6. <ALIGN>
Membuat teks rata kiri dan rata kanan.
Sintak
<P ALIGN=right>untuk rata kanan.
<P ALIGN=left>untuk rata kiri.
<P ALIGN=center>untuk rata tengah.
<P ALIGN=justify>untuk rata kiri dan rata kanan.

7. <applet>
Digunakan untuk memasukan file java kedalam dokumen HTML.

8. <area>
Mendefinisikan daerah yang dapat diklik (link) pada peta gambar.

9. <audio> … <audio>
digunakan untuk menambahkan media audio ke dokumen HTML yang akan di mainkan oleh dukungan untuk pemutaran audio yang terpasang pada browser dan bukan plugin browser.

10. <b>
Untuk membuat teks tebal.

11. <base>
Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen.

12. <basefont />
Membuat atribut teks default, seperti warna, ukuran, jenis font untuk semua teks dalam dokumen.

13. <bdo>
Digunakan untuk menimpa arah teks.

14.<bgsound>
memasukkan suara atau musik ke dalam Website

15. <big>
Memperbesar ukuran teks sebesar satu point dari defaultnya.

16.<blink>
Membuat teks berkedip.

17. <blockquote>
Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam.

18. <body> … </body>
Untuk mendefinisikan keseluruhan isi halaman web/dokumen HTML. berfungsi untuk menentukan apa yang di tampilkan kepada pengguna yang mengunjungi halaman web dalam melihat dokumen web. Isi dokumen tersebut dapat berupa teks, gambar, video, animasi, link, dsb.

19. <br>
Untuk membuat garis baru.

20. <button>
Untuk membuat tombol HTML. Teks yang muncul antara tag pembuka dan penutup akan muncul sebagai teks pada tombol. Tidak ada tindakan yang terjadi secara default saat tombol diklik. Tindakan harus ditambahkan ke tombol menggunakan JavaScript atau dengan menghubungkan tombol dengan formulir/sebuah link.

21. <caption>
Membuat caption pada tabel.

22. <center>
Untuk membuat teks, gambar atau dokumen lain ke tengah.

23. <cite>
Mendefinisikan kutipan.

24. <code>
Mendefinisikan sebuah bagian dari kode komputer.

25. <col>
Mendefinisikan nilai atribut dari satu kolom atau lebih dalam sebuah tabel.
26. <colgroup>
Menentukan kelompok dari satu kolom atau lebih dalam sebuah tabel untuk performatan.

27. <dd>
Mendefinisikan deskripsi dari item dalam daftar definisi.

28. <del>
Untuk memberi garis tengah pada teks/mencoret teks.

29. <dfn>
Mendefinisikan sebuah istilah definisi.

30. <dir>
Mendefinisikan sebuah daftar direktori.

31. <div>
Mendefinisikan sebuah section dalam dokumen.

32. <dl>
Mendefinisikan sebuah daftar definisi.

33. <dt>
Mendefinisikan istilah (item) dalam daftar definisi.

34. <em>
Membuat teks miring. Fungsi tag ini sama dengan tag <i> tetapi tag <em> yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring.

35. <embed>
Digunakan untuk memasukkan file video atau file musik.

36. <fieldset>
Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form.

37. <font>
Untuk mengubah ukuran, warna, dan jenis font.

38. <form>
digunakan untuk membuat formulir pada halaman web. Elemen <form> sebenarnya tidak membuat kolom formulir, namun di gunakan sebagai wadah induk untuk menampung elemen formulir seperti elemen <input> dan <textarea>, akan kita bahas kemudian.

39. <frame />
Mendefinisikan frame dalam fremeset.

40. <frameset>
Mendefinisikan satu set frame.

41. <H1> sampai <H6>
<H1> </H1> font ukuran besar.
<H2> </H2>
  …        …
<H6> </H6> font semakin kecil.

42. <head> … </head>
Tag <head> berisi informasi tentang dokumen HTML yang digunakan oleh web browser dan web crawlers namun sebagian besar tidak ditampilkan ke pengunjung situs web. Tujuan dari penggunaan tag <head> adalah memberikan informasi tentang dokumen itu sendiri. Seperti favicon, judul halaman (tag ‘title’), meta tags, style (CSS), dan javascript.

43. <HR>
Untuk membuat garis horizontal.

44. <html> … </html>
Tag <html> di gunakan sebagai wadah untuk semua elemen dari keseluruhan dokumen HTML, semua elemen HTML harus ada dalam tag <html> … </html> (kecuali DOCTYPE, itulah yang dimaksud dengan ‘tag DOCTYPE bukan elemen HTML’). Hal tersebut merupakan aturan dalam dasar-dasar HTML (ISO/IEC 15445 adalah standar yang di tetapkan untuk HTML).

45. <I>
Untuk membuat teks miring.

46. <iframe>
Mendefinisikan sebuah inline frame.

47. <img/>
digunakan untuk menampilkan gambar pada halaman web/dokumen HTML. Semua tag <img> harus memiliki atribut “src” yang di tentukan. Atribut “src” mendefinisikan gambar yang akan di tampilkan. Biasanya, “src” adalah URL, namun representasi data gambar juga dapat di gunakan dalam beberapa kasus, misalnya apabila gambar berada satu path atau child-path dari halaman web yang menampilkannya.

48. <input>
digunakan untuk membuat kolom formulir yang menerima masukan dari pengguna. Bentuk elemen <input> dapat di sajikan dengan berbagai cara, termasuk teks box, button, check box, menu drop-down, dan banyak lagi, dengan menetapkan atribut jenis elemen masukan ke nilai yang sesuai.

49. <ins>
Membuat teks bergaris bawah.

50. <kbd>
Mendefinisikan teks yang di input dari keyboard.

51. <label>
Mendefinisikan label untuk sebuah elemen <input>.

52. <legend>
Mendefinisikan sebuah caption untuk elemen <fieldset>.

53. <li> … </li>
digunakan untuk mendefinisikan list item yang merupakan bagian dari tag <ul> atau tag <ol>. Tampilan list item tergantung pada jenis list yang di gunakan, misalnya Anda menggunakan tag <ol>, maka list itemakan menampilkan daftar terurut dengan item angka.

54. <link />
Mendefinisikan hubungan antara dokumen dan sumber eksternalnya.

55. <listing>
Fungsi tag ini sama dengan tag <pre> dan dianjurkan menggunakan tag <pre> karena tag <listing> tidak layak/diprotes.

56. <map>
Mendefinisikan client-side peta gambar.

57. <marquee>
Membuat teks berjalan secara vertikal atau horisontal.

58. <menu>
Mendefinisikan sebuah daftar menu.

59. <meta />
Mendefinisikan metadata tentang sebuah dokumen HTML.

60. <nobr>
Mencegah ganti baris pada teks atau gambar.

61. <noframes>
Jika browser user tidak mendukung frame.

62. <noscript>
Jika browser user tidak mendukung client-side scripts.

63. <object>
meletakkan embed sebuah objek.

64. <ol>
Mendefinisikan daftar dalam format penomoran.

65. <optgroup>
Menampilkan beberapa pilihan yang sudah dikelompokkan dalam bentuk sebuah daftar drop-down.

66. <option>
Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down.

67. <P>
Untuk membuat paragraf.

68. param />
Mendefinisikan sebuah parameter untuk objek.

69. <pre>
Membuat teks dengan ukuran huruf yang sama.

70. <q>
Mendefinisikan sebuah kutipan singkat.

71. <s>
Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del> tetapi tag <s> tidak dianjurkan sebagai gantinya menggunakan tag <del>.

72. <samp>
Mendefinisikan contoh keluaran dari program komputer.

73. <script>
Tag <script> berisi kode yang di tulis dalam bahasa pemrograman selain HTML atau menentukan lokasi sumber skrip eksternal.

74. <select>
Tag <select>, di gunakan bersama dengan satu atau lebih tag <option> (akan kita bahas kemudian), kombinasi kedua tag tersebut digunakan untuk membuat daftar opsi drop-down untuk formulir pada halaman web. Tag <select> membuat daftar dan setiap elemen <option> di tampilkan sebagai pilihan yang tersedia dalam daftar tersebut.

74. <small>
Memperkecil ukuran teks dari ukuran defaultnya.

75. <span>
Mendefinisikan sebuah section dalam dokumen.

76. <strike>
Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag <del>.

77. <strong>
Membuat teks tebal, fungsi tag ini sama dengan tag <b>.

78. <style>
digunakan untuk menambahkan kode CSS ke dokumen HTML. Elemen ini sebaiknya di letakkan di bagian <head>, walaupun tetap dapat berguna jika di letakkan dalam <body>. CSS sendiri berfungsi untuk membuat desain web lebih menarik sesuai dengan tujuan user interface pada masing-masing web developer (khususnya web designer).

79. <sub>
Memberikan efek subscript/cetak turun pada teks.

80. <sup>
Memberikan efek superscript/cetak naik pada teks.

81. <table> … </table>
Seperti namanya, tag <table> di gunakan untuk mendefinisikan tabel, sebuah tabel setidaknya terdiri dari satu kolom dan satu baris, dalam HTML sebuah baris di definisikan dengan tag <tr> (akan kita bahas kemudian) sedangkan kolom di definisikan dengan tag <td> atau <th> (juga akan kita bahas kemudian).

82. <tbody>
Untuk mengelompokkan isi body di dalam sebuah tabel.

83. <td> … </td>
Tag <td> di gunakan untuk mendefinisikan tabel data, tag <td> harus di simpan tepat di dalam tag <tr>, tag <td> lebih mirip dengan cell pada Microsoft Office Excel, kumpulan cell yang linier (horizontal) membentuk suatu kolom.

84. <textarea>
Tag <textarea> di gunakan untuk membuat area input teks dengan panjang yang tak terbatas. Secara default, teks dalam <textarea> di tampilkan dalam font monospace atau fixed-width, tag <textarea> paling sering di gunakan dalam <form>.

85. <tfoot>
Untuk mengelompokkan isi footer di dalam sebuah tabel.

86. <th> … </th>
Tag <th> di gunakan untuk mendefinisikan heading pada tabel (table heading), tag <th> harus di simpan tepat di dalam tag <tr>, tag <th> sebenarnya lebih cocok di analogikan sebagai cell pertama pada microsoft office excel. Cell pertama biasanya di definisikan sebagai heading atau judul kolom.

87. <thead>
Untuk mengelompokkan isi header di dalam sebuah tabel.

88. <title> … </title>
Tag <title> di butuhkan untuk menetapkan judul dokumen HTML. Judul halaman tidak di tampilkan di halaman web, namun di gunakan sebagai nama halaman oleh search engine dan di tampilkan pada tab web browser juga di gunakan sebagai nama halaman dari halaman web yang di bookmark.

89. <tr> … </tr>
Tag <tr>di gunakan untuk mendefinisikan baris pada tabel (table row), tag <tr> harus di simpan tepat di dalam tag <table>, dalam satu baris (satu pasang tag <tr>) bisa terdapat satu atau lebih tag <td> atau tag <th>.

90. <tt>
Mendefinisikan teletype.

91. <U>
Membuat teks bergaris bawah, fungsi tag ini sama dengan tag <ins> tetapi tag <u> tidak dianjurkan untuk kategori HTML text formatting melainkan termasuk kategori HTML Style.

92. <ul> … </ul>
digunakan untuk mendefinisikan list item yang tidak berurutan (unordered list, ul). Tag &lt;ul&gt; menyajikan list item di dalamnya tanpa urutan numerik.

93. <ol> … </ol>
digunakan untuk mendefinisikan list item yang berurutan (ordered list, ul). Tag <ol> menyajikan list item di dalamnya dengan urutan numerik (1, I, i) atau alfabet (A, a).

94. <var>
Mendefinisikan sebuah variabel.

95. <video> … </video>
digunakan untuk menambahkan video ke halaman web, video akan di putar oleh dukungan pemutaran video native (bukan plugin browser), tag <video> membutuhkan URL video ke elemen tersebut dengan menggunakan atribut src elemen <video> antara tag pembuka dan penutup <video>.

96. <xmp>
Mendefinisikan preformatted text, fungsi tag ini sama dengan tag <pre>.
Baca Juga
Sign out

TerPopuler