tag-tag html

TAG HTML 2 | Amikom 2015 14.02.8821

PEMROGRAMAN WEB

PERTEMUAN PERTAMA

DOSEN : BARKA SATYA

TAG-TAG PADA HTML DAN FUNGSINYA

Apa yang dimaksud dengan TAG HTML ?

HTML tags adalah sebuah label yang di awali dengan tanda '' :

Pada umumnya HTML tags adalah berpasangan:

Dimulai dengan ditutup dengan



TAG HTML 2 | Amikom 2015 14.02.8821

Akan tetapi ada beberapa tags yang juga disebut sebagai 'empty element' dapat berjalan

tanpa berpasangan:

Html memiliki banyak sekali tag, diantaranya sebagai berikut :

NO.

TAG HTML FUNGSI TAG HTML DAN CONTOHNYA

1. Menyisipkan tulisan miring. makan

2. Menyisipkan tulisan bergaris bawah. minum

3. Menyisipkan tulisan tebal . belajar

4. Menyisipkan bullet. * FUNGSI HTML

5.

Menyisipkan tulisan berjalan . welcome to website bergerak dari kiri ke kanan atau dari atas ke bawah.

6. Menyisipkan tulisan berkedip kedip. klick here

7. Menyisipkan tulisan dalam bentuk ratah tengan . hendra simanungkalit

8. Menyisipkan title html

9. Menyisipkan bagian head pada sebuah html.\

10. Menyisipkan atribut untuk seluruh dokumen. Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth

11. Tag pembuka di dalam membuat sebuah desain web.

12. Menyisipkan tulisan dalam bentuk h1 Header 1

13. Menyisipkan tulisan dalam bentuk h2. Header 2






19. 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

20. Mendefinisikan akronim / fungsi tag ini kurang lebih sama dengan tag

21. Mendefinisikan daerah yang dapat diklik (link) pada peta gambar

22. Mendefinisikan URL dasar/target untuk semua URL relatif dalam dokumen

TAG HTML 2 | Amikom 2015 14.02.8821

23.

Mendefinisikan sebuah kutipan panjang. Pada saat di browser teks akan tampil menjorok kedalam

24. Mendefinisikan kutipan

25. Mendefinisikan sebuah bagian dari kode komputer

26. Mendefinisikan sebuah tombol diklik

27. Mendefinisikan kutipan

28. Mendefinisikan jenis font, warna dan ukuran untuk teks

29. Mendefinisikan sebuah form HTML untuk input form

30. Mendefinisikan frame dalam frameset

31. Membuat garis horizontal

32. Memperkecil ukuran teks dari ukuran defaultnya

33. Mendefinisikan sebuah section dalam dokumen

34. Untuk memberi garis tengah pada teks/mencoret teks, fungsi tag ini sama dengan tag

35. Membuat teks tebal, fungsi tag ini sama dengan tag

36. Membuat baris di dalam sebuah table

37. Mendefinisikan daftar dalam format bullet

38. Mendefinisikan sel di dalam sebuah table. Height, width, bgcolor, background, align, valign, title, colspan, rowspan

39. Untuk mengelompokkan isi header di dalam sebuah tabel

40. Mendefinisikan contoh keluaran dari program computer

41.

Mendefinisikan satu set frame

42. Mendefinisikan input field pada form

43. Berfungsi untuk menampilkan gambar pada dokumen HTML. Src, alt, name, border, height, width

44. Memperbesar ukuran teks sebesar satu point dari defaultnya

45. Membuat teks miring. Fungsi tag ini sama dengan tag tetapi tag yang lebih dianjurkan/ditekankan pada penggunaan untuk teks miring

46. Untuk mengelompokkan elemen-elemen yang terkait dalam form / membuat seperti frame-box di dalam form

47. Mendefinisikan client-side script

48. Membuat daftar drop-down

49. Membuat teks tebal, fungsi tag ini sama dengan tag

50. Memberikan efek subscript pada teks. Subscript

51. Memberikan efek superscript pada teks. Superscript

52. Membuat table. Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign

53. Mendefinisikan sebuah kontrol input multiline. Name, rows, cols, wrap

54. Untuk mengelompokkan isi footer di dalam sebuah tabel

55. Mendefinisikan sel header di dalam sebuah table. Height, width, bgcolor, background, align, valign, title, colspan, rowspan

56. Mendefinisikan daftar dalam format bullet

TAG HTML 2 | Amikom 2015 14.02.8821

57. Mendefinisikan sebuah variable

58. Mendefinisikan preformatted text, fungsi tag ini sama dengan tag

59. Mendefinisikan teletype text

60. Menampilkan beberapa pilihan yang berbentuk dalam sebuah daftar drop-down

61. Jika browser user tidak mendukung client-side scripts

62.

Jika browser user tidak mendukung frame

63. Mencegah ganti baris pada teks atau gambar

64. Mendefinisikan metadata tentang sebuah dokumen HTML

65. Mendefinisikan sebuah daftar menu

66. Mendefinisikan client-side peta gambar

68. Fungsi tag ini sama dengan tag dan dianjurkan menggunakan tag karena tag tidak layak/diprotes

69. Mendefinisikan sebuah caption untuk elemen

70. Ordered List (digunakan dengan ) . 1. Item 1

71. Menyisipkan paragraph

72. Mengganti baris

73. Mengganti horizontall

74. Definition term

75. Definition list

76.

Format yang berlaku bagi kolom. Height, width, align, valign, bgcolor, background, colspan

77. Membuat link ke dokumen atau situs lainnya. Href, target, style, class, name, id

78. Selected, name, value

79. Preformatted teks. Contoh text

80. Mendefinisikan sebuah tombol diklik.

TAG LIST

List merupakan salah satu tag yang dapat digunakan dalam HTML. Tag List sendiri memiliki

beberapa jenis, yaitu :

1. Unordered List

2. Ordered List

3. Description List

Unordered List

Kopi

Teh

TAG HTML 2 | Amikom 2015 14.02.8821

Susu

1. Tag yaitu untuk membuka (mendefinisikan) suatu list pada html.

2. Tag yaitu untuk mendefinisikan sebuah butir list didalam sebuah list. Setelah

sebuah butir list selesai diikuti dengan menutup tag

3. Tag yaitu untuk menutup suatu list

Tag Unordered dan Ordered list bisa dibuat nested (list didalam list), yaitu dengan cara

menambahkan tag sejajar dengan tag didalam suatu list. Contohnya yaitu:

Kopi

Teh

Teh Hitam

Teh Hijau

Susu

TAG HTML 2 | Amikom 2015 14.02.8821

Ordered List

Kopi

Teh

Teh Hitam

Teh Hijau

Susu

Perbedaan Antara Unordered dengan Ordered List

Yang membedakan antara Unordered dan Ordered List yaitu pada bagian atribut. Untuk

Unordered memakai atribut style. Atribut tersebut bisa diisi dengan value:

1. Bulat (berisi) : list-style-type:disc

2. Lingkaran : list-style-type:circle

3. Kotak : list-style-type:square

4. Kosong : list-style-type:none

Untuk Ordered List sendiri memakai atribut type, yang bisa diisi dengan value :

1. Angka : type=1

2. Huruf Kapital: type=A

TAG HTML 2 | Amikom 2015 14.02.8821

3. Huruf Kecil : type=a

4. Romawi Besar : type=I

5. Romawi Kecil : type=i

Description List

Description List yaitu sebuah tipe list yang dikhususkan untuk mendeskripsikan suatu poin

didalam list. Penggunaan Description List hampir sama dengan Unordered/Ordered list,

hanya saja menggunakan tag yang berbeda. Berikut ini cara menulis Description List :

Kopi

Sebuah Minuman Hangat yang biasa disajikan saat bekerja

Susu

Sebuah Minuman yang biasa disediakan di pagi hari

1. Tag mendefinisikan sebuah Description List

2. Tag mendefinisikan term (nama)

3. Tag mendefinisikan data (deskripsi)

REFERENSI :

http://masdeitha.blogspot.com/2013/01/macam-macam-tag-html-dan-

fungsinya.html

http://inforthan.blogspot.com/2012/04/hai-para-visitors-kali-ini-saya-akan.html

http://masdeitha.blogspot.com/2013/01/macam-macam-tag-html-dan-fungsinya.htmlhttp://masdeitha.blogspot.com/2013/01/macam-macam-tag-html-dan-fungsinya.htmlhttp://inforthan.blogspot.com/2012/04/hai-para-visitors-kali-ini-saya-akan.html

tag-tag html

Documents