No Start tag Fungsi
Basic Tags
1. <!doctype> Menentukan tipe dokumen HTML
2. <html> Penanda sebuah file html
3. <body> Menandakan elemen body file HTML
4. <h1> to <h6> Menandakan header 1 hingga header 6
5. <p> Menandakan sebuah paragraf
6. <br> line break
7. <hr> Menuliskan sebuah garis horizontal
8. <!--> Untuk menuliskan komentar
Char Format
9. <b> Menandakan teks bold
10. <strong> Menandakan teks strong
11. <i> Menandakan teks italic
12. <em> Menandakan teks emphasized
13. <big> Menandakan teks big
14. <small> Menandakan teks small
15. <sup> Menandakan teks superscripted
16. <sub> Menandakan teks subscripted
Output
17. <pre> Menandakan teks preformatted
18. <code> Menandakan teks kode komputer
19. <tt> Menandakan teks teletype
20. <kbd> Menandakan teks keyboard
21. <var> Menandakan sebuah variabel
22. <samp> Menandakan contoh kode komputer
Blocks
23. <address> Menandakan elemen alamat
24. <blockquote> Menandakan catatan/quotation panjang
25. <q> Menandakan catatan quotation pendek
26. <cite> Menandakan sebuah citation
27. <ins> Menandakan teks sisipan
28. <del> Menandakan teks terhapus
Links
29. <a> Menandakan sebuah anchor
30. <link> Menandakan sebuah resource reference
Frames
31. <frame> Menandakan sebuah sub window / frame
32. <frameset> Menandakan sekumpulan frame
33. <noframes> Menandakan bagian tanpa frame
Input
34. <form> Menandakan sebuah form
35. <input> Menandakan sebuah field masukan
36. <teksarea> Menandakan area teks
37. <button> Menandakan sebuah push button
38. <select> Menandakansebuah selectable list
39. <optgroup> Menandakan an option group
40. <option> Menandakan an item insebuah list box
41. <label> Menandakan sebuah label
42. <fieldset> Menandakan sebuah fieldset
43. <legend> Menandakan sebuah title di sebuah fieldset
Lists
44. <ul> Menandakan sebuah unordered list
45. <ol> Menandakan sebuah ordered list
46. <li> Menandakan sebuah list item
47. <dl> Menandakan sebuah definition list
48. <dt> Menandakan sebuah definition term
49. <dfn> Menandakan sebuah definition term
50. <dd> Menandakan sebuah definition description
Images
51. <img> Menandakan sebuah image
52. <map> Menandakan sebuah image map
53. <area> Menandakan sebuah area di dalam sebuah image map
54.
55. Tables
56. <table> Menandakan sebuah table
57. <caption> Menandakan sebuah table caption
58. <th> Menandakan sebuah table header
59. <tr> Menandakan sebuah table row
60. <td> Menandakan sebuah table cell
61. <thead> Menandakan sebuah table header
62. <tbody> Menandakan sebuah table body
63. <tfoot> Menandakan sebuah table footer
64. <col> Menandakan atribut untuk kolom tabel
65. <colgroup> Menandakan groups dari kolom tabel
67. Styles
68. <style> Menandakan sebuah style definition
69. <div> Menandakan sebuah seksi di sebuah document
70. Meta Info
71. <head> Menandakan informasi tentang dokumen
72. <title> Menandakan the document title
73. <meta> Menandakan meta information
74. <base> Menandakan sebuah default reference bagi external resources
75.
76. Programming
77. <script> Menandakan sebuah script
78. <noscript> Menandakan sebuah bagian bukan script
79. <object> Menandakan sebuah embedded object
80. <param> Menandakan sebuah parameter for an object
81. <applet> Deprecated. Use <object> instead
Dengan memanfaatkan tag-tag html beserta atributnya ,sebuah file html memiliki kemampuan
1. Memodifikasi format teks
Menampillkan teks berdasarkan jenis huruf(font), ukuran, style, warna teks dan lain-lainnya. Perlu diperhatikan untuk jenis font yang dipilih harus disesuaikan dengan kemampuan browser.
2. Memodifikasi format latar belakang halaman
Menampillkan warna latar belakang halaman web dan memberikan image latar belakang.
3. Menampilkan daftar sesuatu dalam bentuk point-point (item) Menampilkan daftar informasi dalam bentuk point terurut angka atau lambang(bullet).
4. Membuat link
Konsep hypertext pada HTML memungkinkan desainer untuk membuat link pada suatu kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web. Ada tiga macam link yang dapat kita gunakan :
■ Link menuju bagian lain dari page
■ Link menuju page lain dalam satu web site
■ Link menuju resource atau web site yang berbeda
5. Menyisipkan citra
Dengan menyisipkan citra maka tampilan page kita akan lebih menarik, interaktif dan informatif untuk mendukung data-data lainnya dalam bentuk teks.
6. Menampilkan informasi dalam bentuk tabel
Informasi dalam bentuk tabel, dengan format tampilan warna, ukuran, jenis huruf dan lain sebagainya dapat diberikan di sebuah halaman web,
7. Mengatur format layout halaman web.
Dengan menggunakan table dan frame, desainer web dapat merancang bentuk layout sebuah halaman web.
8. Mendukung teknologi pendukung web.
Saat ini sebuah halaman web selain menggunakan HTML, juga dapat dilengkapi dengan teknologi tambahan, seperti script programming, multimedia, flash, dan lain sebagainya untuk menjadikan halaman web lebih powerful.
Basic Tags
1. <!doctype> Menentukan tipe dokumen HTML
2. <html> Penanda sebuah file html
3. <body> Menandakan elemen body file HTML
4. <h1> to <h6> Menandakan header 1 hingga header 6
5. <p> Menandakan sebuah paragraf
6. <br> line break
7. <hr> Menuliskan sebuah garis horizontal
8. <!--> Untuk menuliskan komentar
Char Format
9. <b> Menandakan teks bold
10. <strong> Menandakan teks strong
11. <i> Menandakan teks italic
12. <em> Menandakan teks emphasized
13. <big> Menandakan teks big
14. <small> Menandakan teks small
15. <sup> Menandakan teks superscripted
16. <sub> Menandakan teks subscripted
Output
17. <pre> Menandakan teks preformatted
18. <code> Menandakan teks kode komputer
19. <tt> Menandakan teks teletype
20. <kbd> Menandakan teks keyboard
21. <var> Menandakan sebuah variabel
22. <samp> Menandakan contoh kode komputer
Blocks
23. <address> Menandakan elemen alamat
24. <blockquote> Menandakan catatan/quotation panjang
25. <q> Menandakan catatan quotation pendek
26. <cite> Menandakan sebuah citation
27. <ins> Menandakan teks sisipan
28. <del> Menandakan teks terhapus
Links
29. <a> Menandakan sebuah anchor
30. <link> Menandakan sebuah resource reference
Frames
31. <frame> Menandakan sebuah sub window / frame
32. <frameset> Menandakan sekumpulan frame
33. <noframes> Menandakan bagian tanpa frame
Input
34. <form> Menandakan sebuah form
35. <input> Menandakan sebuah field masukan
36. <teksarea> Menandakan area teks
37. <button> Menandakan sebuah push button
38. <select> Menandakansebuah selectable list
39. <optgroup> Menandakan an option group
40. <option> Menandakan an item insebuah list box
41. <label> Menandakan sebuah label
42. <fieldset> Menandakan sebuah fieldset
43. <legend> Menandakan sebuah title di sebuah fieldset
Lists
44. <ul> Menandakan sebuah unordered list
45. <ol> Menandakan sebuah ordered list
46. <li> Menandakan sebuah list item
47. <dl> Menandakan sebuah definition list
48. <dt> Menandakan sebuah definition term
49. <dfn> Menandakan sebuah definition term
50. <dd> Menandakan sebuah definition description
Images
51. <img> Menandakan sebuah image
52. <map> Menandakan sebuah image map
53. <area> Menandakan sebuah area di dalam sebuah image map
54.
55. Tables
56. <table> Menandakan sebuah table
57. <caption> Menandakan sebuah table caption
58. <th> Menandakan sebuah table header
59. <tr> Menandakan sebuah table row
60. <td> Menandakan sebuah table cell
61. <thead> Menandakan sebuah table header
62. <tbody> Menandakan sebuah table body
63. <tfoot> Menandakan sebuah table footer
64. <col> Menandakan atribut untuk kolom tabel
65. <colgroup> Menandakan groups dari kolom tabel
67. Styles
68. <style> Menandakan sebuah style definition
69. <div> Menandakan sebuah seksi di sebuah document
70. Meta Info
71. <head> Menandakan informasi tentang dokumen
72. <title> Menandakan the document title
73. <meta> Menandakan meta information
74. <base> Menandakan sebuah default reference bagi external resources
75.
76. Programming
77. <script> Menandakan sebuah script
78. <noscript> Menandakan sebuah bagian bukan script
79. <object> Menandakan sebuah embedded object
80. <param> Menandakan sebuah parameter for an object
81. <applet> Deprecated. Use <object> instead
Dengan memanfaatkan tag-tag html beserta atributnya ,sebuah file html memiliki kemampuan
1. Memodifikasi format teks
Menampillkan teks berdasarkan jenis huruf(font), ukuran, style, warna teks dan lain-lainnya. Perlu diperhatikan untuk jenis font yang dipilih harus disesuaikan dengan kemampuan browser.
2. Memodifikasi format latar belakang halaman
Menampillkan warna latar belakang halaman web dan memberikan image latar belakang.
3. Menampilkan daftar sesuatu dalam bentuk point-point (item) Menampilkan daftar informasi dalam bentuk point terurut angka atau lambang(bullet).
4. Membuat link
Konsep hypertext pada HTML memungkinkan desainer untuk membuat link pada suatu kelompok kata atau frase untuk menuju ke bagian manapun dalam World Wide Web. Ada tiga macam link yang dapat kita gunakan :
■ Link menuju bagian lain dari page
■ Link menuju page lain dalam satu web site
■ Link menuju resource atau web site yang berbeda
5. Menyisipkan citra
Dengan menyisipkan citra maka tampilan page kita akan lebih menarik, interaktif dan informatif untuk mendukung data-data lainnya dalam bentuk teks.
6. Menampilkan informasi dalam bentuk tabel
Informasi dalam bentuk tabel, dengan format tampilan warna, ukuran, jenis huruf dan lain sebagainya dapat diberikan di sebuah halaman web,
7. Mengatur format layout halaman web.
Dengan menggunakan table dan frame, desainer web dapat merancang bentuk layout sebuah halaman web.
8. Mendukung teknologi pendukung web.
Saat ini sebuah halaman web selain menggunakan HTML, juga dapat dilengkapi dengan teknologi tambahan, seperti script programming, multimedia, flash, dan lain sebagainya untuk menjadikan halaman web lebih powerful.
Comments
Post a Comment