WAHANA BELAJAR 59: HTML

Home / HTML

Tampilkan postingan dengan label HTML. Tampilkan semua postingan

Soal dan Jawaban HTML

1. #**# merupakan karakter yang terdapat pada type data
a. text
b. password
c. radio
d. submit
e. file
jawaban : b

2. Perintah untuk mengosongkan kolom pada HTML adalah
a. tr
b. br
c. td
d. &nbsp
e. &nsp
jawaban : d

3. Perintah untuk mengganti baris pada HTML adalah
a. br
b. tr
c. p
d. td
e. insert
jawaban : a

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah
A. Checkbox
B. Submit
C. File
D. Text
E. Button
Jawaban: D

5. Atribut NAME digunakan sebagai
A. Menamai kotak
B. Menandai teks
C. Menentukan panjang maksimum teks
D. Mengatur ukuran
E. Memasukan teks
Jawaban: A

6. Untuk menerima masukan berupa pilihan ialah
A. Submit
B. Reset
C. Radio
D. Password
E. Text
Jawaban: C

7. Perintah atau type masukkan untuk menampilkan berupa pilihan adalah:
A. Radio
B. Checkbox
C. Submit
D. Resume
E. Password
(jawaban B)

8. Perintah masukkan yang benar agar menampilkan tampilan seperti dibawah ini:
“ini tombol input dengan type=”submit”: Kirimkan
adalah:
A. <br> ini tombol input dengan type=”submit”:
<input type=”submit” value=”kirimkan”>
B. <br> ini tombol input dengan type=”reset”
<input type=”submit” value=”kirimkan”>
C. <br> ini tombol input dengan type=”reset”
<input type=”reset” value=”kirimkan”>
D. <br> ini tombol input dengan type=”submit”
<input type=”reset” value=”kirimkan”>
E. <br> ini tombol input dengan type=”reset”
<input type=”submit” value=”Ulangi”>
(jawaban A)

9. Untuk memasukkan perinttah masukkan berupa gambar yang dapat diklik dan
fungsinya hamper sama dengan Submit adalah:
A. Hidden
B. File
C. Image
D. Reset
E. Submit
(jawaban C)

10. Tag <Input> yang atribut TYPE-nya dapat digunakan untuk menerima masukan
berupa pilihan yaitu :
a. Radio
b. Circle
c. Password
d. Square
e. Submit
Jawaban : a

11. Atribute ACTION digunakan untuk
a. Menentukan nama form
b. Menetukan metode pengiriman yang dipakai
c. Menentukan alamat halaman web yang akan memproses masukan dariForm.
d. Menerima masukan berupa pilihan
e. Menandai atau mengatur nilai dari sebuah radio
Jawaban : c

12. Untuk menerima masukan berupa pilihan. Pilihan yang dapat dipilih bias lebih
dari satu yaitu
a. Text
b. Password
c. Checkbox
d. Radio
e. Submit
Jawaban : c

13. Sebutkan perintah untuk melakukan break pada pembuatan situs HTML!
a. HR
b. LI
c. BR
d. UL
e. OL
jawaban : c

14. Perintah manakah yang dapat menggabungkan beberapa kolom menjadi satu?
a. BR
b. Colspan
c. Rowspan
d. Textarea
e. Tidak ada jawaban yang benar
jawaban : b

15. Perintah manakah yang membuat Bullets dalam pembuatan situs?
a. OL
b. UL
c. BR
d. HR
e. Semua jawaban Benar
jawaban : b

16. Perintah untuk membuat kolom menjadi seperti di bawah ini adalah
A. <tr>
B. <td>
C. <make merge>
D. <colspan>
E. <rowspan>
Jawaban : d

17. Kepanjangan HTML adalah
A. Hyper Text Manual Language
B. Hypno Terminal Maximal List
C. Hyper Text Mark-up Language
D. Horizon Terminal Mark-up List
E. Hyper Text Mark-up List
Jawaban : c

18 Perintah untuk membuat spasi pada HTML adalah
A. EN
B. BR
C. SP
D. LN
E. SC
Jawaban : b

19 Tag <SELECT> digunakan untuk
a. memilih beberapa opsi
b. menentukan ukuran
c. menandai beberapa opsi
d. menampilkan opsi pilihan
e. membatalkan opsi
(jawaban D)

20. Salah satu atribut dari Tag <TEXTAREA> adalah
a. NAME
b. VALUE
c. SELECTED
d. SIZE
e. ACTION
(Jawaban A)

21. Atribut yang digunakan untuk menentukan metode pengiriman yang dipakai
adalah
a. POST
b. SIZE
c. METHOD
d. MAXLENGTH
e. VALUES
(Jawaban C)

22. pada HTML untuk mengganti baris menggunakan perintah
a. <tr>
b. </ul>
c. <br>
d. </tr>
e. <enter>
jawaban: c

23. untuk mengulangi pengisian pada form menggunakan perintah:
a. <input type=”reset” value=”reset”>
b. <input type=”submit value=”reset”>
c. <input type=”checkbox” value=”reset”>
d. <ol type=”circle” value=”reset”>
e. <input type=”repeat” value=”ulangi”>
jawaban: a

24. untuk memanjangkan kolom menjadi 2, menggunakan perintah:
a. <table border=”2”>
b. <column=”2”>
c. <rowspan=”2”>
d. <colspan=”2”>
e. <table=”2”>
jawaban: d

25. Type form HTML untuk menerima masukan berupa pilihan, dan pilihan yang
dapat dipilih bisa lebih dari satu adalah…
a. Radio
b. Password
c. Checkbox
d. Submit
e. Button
jawaban : c

26. Perintah HTML untuk menentukan tebal garis table adalah…
a. Table border
b. Align
c. Colspan
d. Rowspan
e. Br
jawaban : a

27. Perintah HTML untuk membuat teks berjalan adalah…
a. Form
b. Body
c. Marquee
d. Tr
e. &nbsp
jawaban : c

28. Apa perintah yang harus dijalankan agar dapat menampilkan table?
a. <html>
b. </html>
c. <tr>
d. <table border=2>
e. <body>
Jawaban : d.

29. Bagaimana perintah yang harus dijalankan agar dapat mengganti baris yang masih
dalam satu kolom?
a. <br>
b. <tr>
c. <td>
d. </tr>
e. </td>
Jawaban : a.

30 Apa perintah yang paling pertama dalam mengawali pembuatan HTML?
a. <body>
b. </body>
c. </html>
d. <tr>
e. <html>
Jawaban : e.

31.Dalam Pembutan HTML, Kita mengenal bahasa yang digunakan, kata <body>
menunjukkan:
a. Kepala dari HTML
b. Kaki dari HTML
c. Badan dari HTML
d. Header and Footer dari HTML
e. Table dari HTML
jawaban : c

32. Dalam HTML, dapat ditambahkan hubungan/relasi ke link lain. Berikut ini adalah
command dari link yang apabila di klik akan menuju ke www.google.com adalah….
a. <Href a www.google.com> </a>
b. <a href www.google.com> </a>
c. <a href="www.google.com"></a>
d. <ke= www.google.com> </a>
e. <pindah ke www.google.com> </a>
jawaban : c

33. Berikut ini adalah urutan command dari pembuatan bullet and numbering. Nomor
berapakah yang salah???
1. </ol>
2. <li> aku</li>
3. <list>cinta</list>
4. <li> kamu</li>
5. <ol><end>
a. 1,3,5
b. 1,2,4
c. 1,2,3
d. 1,5,3
e. 2,3,4
jawaban : a

35. Perintah untuk membuat teks berjalan adalah…
a. <marquee>
b. <b>
c. <br>
d. <bg color>
e. <map>
Jawaban A

35. Perintah untuk menyatukan 3 baris pada sebuah tabel adalah…
a. <td colspan=3>
b. <td colspan=”3”>
c. <td rowspan=3>
d. <td rowspan=”3”>
e. <td rowspan=’3’>
Jawaban C

36. Jika kita menuliskan perintah “&copy”, maka pada html akan muncul…
a. ☺
b. ®
c. ©
d. С
e. @
Jawaban C

37. Hasil dari “&” adalah :
a) &
b) %
c) @
d) $
e) !
Jawabannya = A

38. Apa kepanjangan dari HTML?
a) Hyper text mail language
b) Hyper text mark up language
c) Hyper team master language
d) Hyper team mode language
e) Hyper tuts mark up language
Jawabannya = B

39. Bagaimana perintah membuat text menjadi berwarna ?
a) <font color=”color”>
b) <bgcolor = “color”>
c) <img src =”.url”>
d) <td background=”url”>
e) <p align =”center”>
Jawabannya = A

40. kegunaan form adalah…
A. memperoleh informasi pembelian secara online
B. untuk mencetak miring dalam pembuatan web
C. untuk melihat data-data yang tersedia
D. untuk dapat mengakses internet lebih cepat
E. untuk melakukan hubungan local antar computer
Jawaban: A

41. apa fungsi dari type=”password”??
A. jika kita mengetik sesuatu akan tertulis yang sebenarnya
B. jika kita mengetik sesuatu maka ketikan tersebut akan tidak terlihat
C. jika kita mengetik sesuatu maka yang muncul adalah angka
D. jika kita mengetik sesuatu maka yang muncul adalah ******
E. jika kita mengetik sesuatu tidak muncul apa-apa
Jawaban: D

42. Apa kepanjangan dari HTML?
a. Hypertext Markup Language
b. Hipertext Markap Language
c. Hypertext Markups Language
d. Hypertext mail up language
e. Hyperlink markup language
Jawaban : A

43. Hasil dari “&” adalah :
a. !
b. *
c. @
d. &
e. #
Jawaban : D

44. Apa perintah html untuk membuat table ?
a. (insert table=1)
b. (table border=1)
c. (table)
d. (table row)
e. (table coloumn)
Jawaban : B

45. Saat membuat list, value DISC digunakan untuk?
a. Bullet Lingkaran
b. Bullet Kotak
c. Bullet Segitiga
d. Bullet Titik
e. Bullet Segilima
Jawaban : D

46. Yang digunakan untuk mengelompokkan data berurutan (ordered list) adalah…
a. List Iem
b. Bullet
c. Numbering
d. Huruf
e. Nama
Jawaban : C

47. Untuk memberikan list a, b, c, dst menggunakan perintah……
a. <ol type=”A”>
b. <ol type=”I”>
c. <ol type=”0”>
d. <ol type=”a”>
e. <ol type=”1”>
Jawaban D

48. Apa guna dari “&nbsp” dalam HTML?
a. Mengubah warna background
b. Mengubah warna huruf
c. Mengubah ukuran huruf
d. Membuat tabel
e. Membuat kolom tabel tanpa apa pun
jawaban : e

49. Perintah untuk mengubah warna huruf menjadi merah dalam HTML adalah……..
a. <img src = “red”>
b. <font size = “20”>
c. <bg color = “red”>
d. <font color = “red”>
e. ® “red”
jawaban : d

50. Bagaimana perintah untuk menampilkan gambar dalam HTML?
a. <img width="118" height="41" src="file:///C|/Documents and
Settings/jb/Application Data/Macromedia/Dreamweaver
8/OfficeImageTemp/clip_image001.gif" alt="cip" /></p>
b. <textarea name="font" rows=5 cols=50>cip
</textarea>
c. <input type="radio" name="jk" value="cip">
d. <td colspan=2
align=center><big><big>©©&copy</big><br></td>cip
e. <input type="text" name="cip" >
jawaban : a

51. Bagaimanakah perintah HTML jika ingin menampilkan input type yang hanya boleh
memilih satu pilihan. Misal, pilihan untuk pilihan membaca.
a. <input type="radio" name="jk" value="membaca"> membaca
b. <input type="check radio" name="jk" value="membaca"> membaca
c. <input type="checkbox" name="jk" radio="membaca"> membaca
d. <input type="radio only one" name="jk" value="membaca"> membaca
e. <input type="radio one" name="jk" radio="membaca"> membaca
jawaban : a

52. Perintah Unordered list agar dapat menampilkan list bulat titik, adalah.
a. Circle
b. Disc
c. Clyndrical
d. Donuts
e. DiscBox
jawaban : b

53. Bagaimanakah perintah HTML agar muncul input type password
a. <td><input type="password" name="alamat"</td>
b. <td><input type="name" name="password"</td>
c. <td><input type="password" password="alamat"</td>
d. <td><input type="word" name="password"</td>
e. <td><input type="password1" name="password2"</td>
jawaban : a

54. Perintah Unordered dengan TYPE SQUARE digunakan untuk mendeskripsikan…
a. Bullet kotak
b. Bullet titik
c. Bullet lingkaran
d. Bullet segitiga
e. Bullet symbol
jawaban : a

55. Perintah yang digunakan untuk menerima masukan berupa pilihan yang dapat dipilih
lebih dari satu adalah . . .
a. Checkbox
b. Radio
c. Checkcircle
d. Square
e. boxmatch
jawaban : b

56. Perintah untuk menampilakan tanda ©©© adalah…
a. &
b. &circ;
c.  
d. ©
e. ω
jawaban : a

57. Untuk membuat table dengan kolom 3 dan baris 3, pada notepad harus ada tag:
a. <table border=2 colspan=3 rowspan=3>
b. <table border=”2” colspan=”3” rowspan=”3”>
c. <table border:2 colspan:3 rowspan:3>
d. <table border”2” colspan”3” rowspan”3”>
e. <table border2 colspan3 rowspan3>
jawaban : b

58. Tag <textarea> memiliki atribut di bawah ini adalah:
a. Name
b. Action
c. Method
d. Value
e. Option
jawaban : a

59. Type yang digunakan untuk menerima masukkan berupa pilihan. Pilihan yang
dipilih bisa lebih dari satu adalah:
a. submit
b. radio
c. reset
d. button
e. checkbox
jawaban e

60. Perintah yang di pakai untuk membuat tabel adalah
a. td dan tr
b. colspan dan rowspan
c. head
d. title
Jawabannya : a

Baca selengkapnya

HTML

HTML Dasar

Komentar

HTML Dasar

HTML (Hypertext Markup Language) merupakan bahasa pemrograman web yang digunakan untuk membuat halaman situs. Untuk belajar HTML dasar sebaiknya Anda ketikkan di Notepad.

· Struktur Dasar Html

Dalam penggunaannya, sebagian besar kode HTML harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda "/"). Struktur dasar dokumen HTML berisi elemen-elemen atau tag sebagai berikut:

<html>

<head>

<title>Judul Form/Caption</title>

</head>

<body>

ISI WEB

</body>

</html>

Keterangan:

<html> .. </html> Mendefinisikan bahwa teks yang berada diantara kedua tag tersebut adalah file HTML.

<head> .. </head> Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

<title> .. </title> Sebagai titel atau judul halaman/form. Kalimat yang terletak di dalam tag ini akan muncul pada bagian paling atas browser Anda (pada title bar).

<body> .. </body> Mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.

· Memberi Latar Belakang berupa warna pada Homepage

<html>

<head><title> Letakkan judul situs di sini </title></head>

<body bgcolor=”#000000”>

</body>

</html>

Nama warna yang telah disediakan antara lain : “black”, “olive”, “teal”, “red”, “blue”, “maroon”, “navy”, “gray”, “lime”, “fuchsia”, “white”, “green”, “purple”, “silver”, “yellow”, “brown” dan “aqua”

· Memberi Latar Belakang berupa gambar pada Homepage

<html>

<head><title> Letakkan judul situs di sini </title></head>

<body backgroud=”ikabashu.gif”>

</body>

</html>

· Meletakan gambar pada Homepage

<html>

<head><title> Letakkan judul situs di sini </title></head>

<body backgroud=”ikabashu.gif”>

<img src = “naruto.jpg” >

</body>

</html>

· Pengembangan Lanjutan mengenai gambar pada homepage

ALT : Untuk memberikan alternatif teks (keterangan) pada gambar

HEIGHT dan WEIGHT : mengatur tinggi dan lebar tampilan gambar pada browser

Pengaturan Halaman Web dan Teks

Untuk mendapatkan halaman web yang baik anda harus melakukan pengaturan terhadap halaman web dan teks-teks didalamnya seperti mengatur warna latar belakang halaman, memilih jenis dan ukuran huruf, perataan, warna teks, menambahkan gambar dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan halaman web dan teks :

a. <body>, digunakan mendefinisikan teks beserta formatnya yang hendak ditampilkan sebagai isi halaman web. Di dalam tag ini bisa diletakkan berbagai page attribute seperti bgcolor, background, text, link, vlink, alink, leftmargin dan topmargin.

1 Background = digunakan untuk mengatur latar belakang dengan gambar/image.

1 Bgcolor = digunakan untuk mengatur warna latar belakang dokumen, dengan warna putih sebagai default-nya.

1 Teks = digunakan untuk mengatur warna teks dokumen, dengan warna hitam sebagai warna default.

1 Link = Untuk mengatur warna link dokumen dengan warna biru sebagai warna default

1 Vlink = Untuk mengatur warna visited link dokumen dengan default ungu

1 Alink = digunakan untuk mengatur warna active link dokumen dengan default merah.

b. Heading: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header. "n" mempunyai nilai antara 1 - 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil. File : heading.html

c. Paragraph Baru: <P> Digunakan untuk pindah alinea atau membuat paragraf baru. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi. Dalam tag ini juga bisa digunakan untuk mengatur perataan kiri, tengah, kanan dan kiri-kanan, yaitu dengan attribut ALIGN. Attribut align mempunyai nilai: LEFT, RIGHT, CENTER dan JUSTIFY.

d. Font <FONT> Digunakan untuk mengatur huruf dokumen HTML. Tag FONT mempunyai attribut, yaitu: SIZE, FACE, COLOR.

e SIZE: Digunakan untuk mengatur ukuran font. Ukuran font yang digunakan berkisar antara 1 - 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

e FACE: Digunakan untuk mengatur jenis atau nama font.

e COLOR: Digunakan untuk mengatur warna font.

Perintah	Fungsi
<b> … </b>	Mencetak Tebal Garis
<i> … </i>	Mencetak miring teks
<u> … </u>	Menggarisbawahi teks
<strike> … </strike>	Memberi coretan pada teks
<tt> … </tt>	Menampilkan teks dalam font seperti mesin ketik
<big> … </big>	Memperbesarkan teks
<small> … </small>	Mengecilkan teks
<sub> … </sub>	Membuat teks subscript
<sup> … </sup>	Membuat teks supersript

a. <HR>, digunakan untuk membuat garis horisontal. Tag ini mempunyai atribut SIZE, WIDTH, ALIGN dan NOSHADE. Atribut SIZE digunakan untuk menentukan panjang garis dalam satuan pixel. Atribut WIDTH digunakan untuk menentukan ketebalan garis. Atribut NOSHADE akan menyatakan bahwa garis tersebut ditampilkan tanpa bayang-bayang 3-D.

b. LISTS

Daftar/list adalah merupakan kumpulan teks yang disusun sedemikian rupa sehingga item-item yang ada memiliki nomor urut atau bisa juga berupa tanda-tanda khusus/symbol.

1. Unordered Lists: <UL> Untuk membuat daftar item dengan tanda bullet (tidak bernomor). List entries didefinisikan dengan tag <LI>. Bentuk item tanda pada Unordered List dapat diubah dengan menggunakan atribut TYPE kedalam tag <UL>

Atribut	Fungsi
Type=”circle”	Item berbentuk lingkaran tengahnya putih
Type=”square”	Item berbentuk kotak padat berwarna putih
Type=”disk”	Item berbentuk linkaran padat berwarna hitam

2. Ordered Lists: <OL> Juga digunakan untuk membuat daftar item bernomor, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag. Atribut yang ada pada Ordered List adalah TYPE dan START.

Atribut	Fungsi
Start = “n”	Menentukan nilai awal dari item, di mana n adalah nilai awalnya
Type=”A”	Item berupa huruf besar (A, B, C, D, E,….)
Type=”a”	Item berupa huruf kecil (a, b, c, d, e,….)
Type=”I”	Item berupa bilangan romawi huruf besar (I, II, III, IV, V,….)
Type=”i”	Item berupa bilangan romawi huruf kecil (I, ii, iii, iv, v, …)
Type=”1”	Item berupa angka biasa (1, 2, 3, 4, 5,..)

1. Definition Lists: <DL>, digunakan untuk menjelaskan istilah-istilah. Definition List dinyatakan dengan tag <DL> dan diantara tag tersebut ditambahkan tag <DT> Definition Term yaitu bagian istilah yang dijabarkan dan tag <DD> Definition Data yang merupakan penjabaran dari istilah.

File : Definition_List.html

2. Preformatted Text: <PRE>. Digunakan untuk mengatur format tampilan agar sesuai dengan aslinya. File : Pre.html

MEMBUAT TABEL

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table, yaitu: <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tag <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE> .

þ <TABLE>

Digunakan untuk mendefinisikan pembuatan tabel. Memiliki attribut :

· align - perataan : rata kiri (left), tengah (center) atau kanan (right).

· valign – mengatur bentuk perataan secara vertikal

· bgcolor – mengatur warna latar belakang (background) dari tabel.

· background – menentukan gambar yang digunakan sebagai background tabel

· color – Untuk mengatur warna suatu sel dalam tabel

· border – menentukan ukuran border tabel (dalam pixel).

· rowspan – menggabungkan beberapa baris

· colspan – menggabungkan beberapa kolom

· cellpadding - jarak antara isi cell dengan batas cell (dalam pixel).

· cellspacing – mengatur spasi/jarak antar cell (dalam pixel).

· width – menentukan lebar tabel dalam pixel atau percent.

· height – Menentukan tinggi tabel

þ <TR>

Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

· align - perataan : rata kiri (left), tengah (center) atau kanan (right).

· bgcolor - warna latar belakang dari baris.

· valign - perataan vertikal : top, middle atau bottom.

þ <TD>

Tag ini digunakan untuk membuat kolom baru pada tabel. Attributnya adalah:

· align – untuk menentukan perataan kolom

· background – untuk menentukan image yang digunakan sebagai latar belakang dari kolom.

· bgcolor – untuk menentukan warna latar belakang

· colspan - lihat gambar contoh

· height – untuk mengatur ukuran tinggi cell dalam pixels.

Contoh tabel1.html

<html>

<head>

<title>::: Pembuatan Table :::</title>

</head>

<body>

<table>

<tr>

<td>Ini contoh tabel sederhana tanpa border</td>

</tr>

</table>

<p>

<tr>

<td>Ini contoh tabel sederhana dengan border</td>

</tr>

</table>

<p>

<tr>

<td>Alamat</td>

</tr>

<tr>

<td>Jam 'Iyatul Khoir</td>

<td>Bulubrangsi Lamongan</td>

</tr>

<tr>

<td>Ari Mulyaningsih</td>

<td>Wringin Anom

Gresik</td>

</tr>

</table>

</body>

</html>

Menambahkan Judul Tabel

Judul dalam tabel dibedakan menjadi tiga macam, yaitu judul tabel, judul kolom table dan judul baris tabel. Judul tabel atau biasa disebut CAPTION terletak dibagian luar tabel yang bisa berada dibawah atau diatas tabel. Secara default caption diletakkan dibagian atas suatu tabel, tetapi juga dapat diletakkan dibawah suatu tabel dengan menambahkan atribut ALIGN=BOTTOM pada elemen caption tersebut.

Judul kolom atau judul baris dibuat dengan elemen yang sama yaitu elemen TABLE HEADER <TH>. Judul kolom terletak pada sel disebelah kiri atau kolom pertama suatu tabel, sedangkan judul baris terletak pada baris pertama suatu tabel. Judul baris atau judul kolom akan tercetak tebal.

Contoh tabel2.html

<html>

<head>

<title>::: Pembuatan Judul Table :::</title>

</head>

<body>

<caption align=top><b><u>Daftar Alamat</u></b></caption>

<tr>

<th width=200>Alamat</td>

</tr>

<tr>

<td>Jam ‘Iyatul Khoir</td>

<td>Bulubrangsi Lamongan</td>

</tr>

<tr>

<td>Ari Mulyaningsih</td>

<td>Wringin Anom Gresik</td>

</tr>

</table>

</body>

</html>

Mengatur Lebar dan Tinggi Suatu Tabel

Lebar tabel diatur dengan menggunakan atribut WIDTH dan untuk mengatur tinggi table dengan atribut HEIGHT. Jika atribut WIDTH dan HEIGHT digunakan dalam elemen TABLE nilainya menunjukkan lebar dan tinggi tabel terhadap BROWSER sedangkan jika digunakan pada elemen TH dan TD, nilainya merupakan lebar dan tinggi dari suatu tabel. Nilai atribut mengunakan ukuran % (max 100%) dan ukuran pixel.

<html>

<head>

<title>::: Mengatur Lebar dan Tinggi Table :::</title>

</head>

<body>

<caption align=top><b><u>Daftar Alamat</u></b></caption>

<tr>

<th width=200>Alamat</td>

</tr>

<tr>

<td height=50>Jam ‘Iyatul Khoir</td>

<td height=50>Bulubrangsi Lamongan</td>

</tr>

<tr>

<td height=30>Ari Mulyaningsih</td>

<td height=30>Wringin Anom Gresik</td>

</tr>

</table>

</body>

</html>

Perataan dalam Tabel

Perataan dalam tabel dikenal dua macam, yaitu perataan secara horizontal dengan atribut ALIGN dan perataan vertikal dengan atribut VALIGN, serta untuk membuat suatu tabel posisinya menjadi ditengah-tengah layar browser.

Membuat Warna Pada Tabel

Didalam pewarnaan tabel kita dapat mengatur warna latar belakang dan teks serta warna bordernya. Untuk menentukan warna latar belakang pada suatu tabel, gunakan atribut BGCOLOR sedangkan untuk warna border dapat menggunakan beberapa atribut sbb:

Atribut	Fungsi
BORDERCOLOR	Mengubah warna keseluruhan border
BORDERCOLORLIGHT	Mengubah warna border bagian atas dan kiri
BORDERCOLORDARK	Mengubah warna border bagian bawah dan kanan

Penggabungan Baris/Kolom

Untuk menggabungkan baris/kolom (merge) digunakan atribut COLSPAN dan ROWSPAN. COLSPAN digunakan untuk menggabung-kan beberapa kolom menjadi 1 sedangan ROWSPAN menggabungkan beberapa baris menjadi 1

Cellpadding Dan Cellspacing

CELLPADDING digunakan untuk mengatur spasi antara border dengan tulisan, sedangkan CELLSPACING digunakan untuk mengatur spasi antar dua buah sel.

<html>

<head>

<title>::: Contoh Merge, Cell dan Pedd :::</title>

</head>

<body>

<tr>

<td bgcolor=#DFF9F9 colspan=2 align=center>Kelas</td>

<td bgcolor=#DFF9F9 align=center rowspan=2>Keterangan</td>

</tr>

<tr>

</tr>

<tr>

<td>Ratna Budi Setyorini</td>

<td>Wilujeng Handayani</td>

<td align=center>Lunas</td>

</tr>

</table>

</body>

</head>

</html>

Karakter Spesial dalam HTML

Karakter	Entity Reference	Karakter	Entity Reference
Spasi		“	"
<	&nlt;	©	©
>	>	®	®
&	&	±	±
µ	µ	˚	°

HYPERTEXT LINK

Digunakan untuk membuat link/penghubung antara suatu halaman dengan halaman lain, ke URL lain, juga digunakan dalam satu halaman untuk berpindah ke sub judul yang lain atau ke lokasi tertentu dalam satu halaman yang sama.

Sintak tag link adalah sebagai berikut:

<a href=url_tujuan>nama_link</a>

url_tujuan bernilai lokasi atau nama file yang akan dituju. Sedangkan nama_link adalah nilai yang akan ditampilkan di browser sebagai teks link atau tombol penghubung. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah dan atribut warnanya dapat diatur dalam tag <body>.

Baca selengkapnya

WAHANA BELAJAR 59

Soal dan Jawaban HTML

HTML Dasar

About me

About me

Rekomendasi

Komentar

Kategori Pilihan

Artikel Terbaru