Mengatur Tampilan Text, Bullet, Tabel dan Hyperlink

Kita semua sudah mengetahui bahwa teks dalam sebuah halaman web dibuat menggunakan dokumen jenis plain text yaitu teks yang diubat dan disajikan dalam bentuk normal tanpa pengaturan format tulisan sebagaimana style dalam aplikasi pengolah kata yang kita kenal selama ini. Oleh karena itu untuk mendapatkan tampilan halaman web yang lebih menarik tentu harus kita atur sedemikian rupa sehingga dapat tampil sesuai dengan yang kita harapkan.

Untuk keperluan tersebut maka kita harus mengadakan sedikit modifikasi terhadap dokumen web kita dengan memberikan tag-tag pengaturan tampilan baik untuk text atau tulisan, bullet numbering untuk tampilan dengan rincian bernomor atau rincian dengan simbol bahkan untuk menyajikan data dalam bentuk tabel.

Format Text

  • Mengatur format atau tampilan teks dalam dokumen html ini diperlukan agar tampilan halaman web lebih menarik.
  • Elemen-elemen yang diperlukan dalam Format Text diantaranya :
    • BR (Break Line) : utk ganti baris, tanpa tag penutup
    • P (Paragraph) : utk ganti paragraf diikuti baris kosong diawal dan diakhir paragraf, Memiliki attribute align dgn nilai left, center dan right.
    • H1, H2, H3, H4, H5, H6 (Heading) : utk membuat judul teks dengan 6 jenis ukuran huruf dan tercetak tebal, Memiliki attribute align dgn nilai left, center dan right
    • B (Bold) : utk menebalkan tampilan teks
    • I (Italic) : utk menampilkan teks miring
    • U (Underline) : utk memberi garis bawah pd teks
    • PRE (Preformat) : utk menampilkan teks apa adanya
    • CENTER : utk menampilkan teks dgn posisi di tengah secara horizontal
    • BASEFONT : utk mengubah dasar ukuran huruf tampilan dari browser, Memiliki attribute size dgn nilai 1 – 7 pixel, Tidak ada tag penutup
    • FONT : utk mengubah jenis, ukuran dan warna huruf, Memiliki attribute color utk warna, face utk jenis huruf dan size utk ukuran huruf
    • HR (Horizontal Rule) : utk membuat garis horizontal, Tanpa tag penutup, Memiliki attribute align dgn nilai left, center, right attribute size utk ketebalan garis, attribute width utk panjang garis dan attribute noshade utk membuat garis solid.

Bullet Numbering

Bullet Numbering digunakan untuk menampilkan teks dalam bentuk daftar berurutan baik dengan nomor ataupun dengan symbol

Element Bullet yang diperlukan untuk membuat daftar berurutan adalah :

  • OL (Order List)
    • Untuk membuat daftar urut dgn nomor
    • Memiliki attribute : Start (nilai awal), dan Type (jenis nomor)
    • Attribute type memiliki value : A = abjad huruf besar, a = abjad huruf kecil, I = abjad romawi besar, i = abjad romawi kecil, 1 untuk angka desimal.
  • UL (Unorder List)
    • Untuk membuat daftar urut dgn symbol (bullet)
    • Memiliki attribute : Type
    • Attribute type memiliki value : circle, square dan disc
  • LI (List Item)
    • Untuk membuat isi dari daftar yang ditetapkan dengan OL maupun UL.
    • Harus berada di dalam element OL atau UL.
    • Memiliki attribute : Type dengan value : A, a, I, i, circle, square dan disc.

Tabel

  • Tabel digunakan untuk menyajikan data multidimensi yang terdiri atas kolom dan baris
  • Element yang digunakan dalam tabel :
    • Element TABLE : utk mendefinisikan tabel
    • Element TH (Table Header) : utk judul tabel
    • Element TR (Table Row) : utk baris tabel
    • Element TD (Table Data) : utk isi tabel
  • Attribute yang ada dalam Element TABLE meliputi :
    • align : utk perataan, value left, center, right
    • bgcolor : utk warna latar belakang tabel
    • border : utk garis bingkai tabel, satuan pixel
    • cellpadding : utk jarak antara tepi sel dengan isi sel, satuan pixel
    • cellspacing : jarak antar sel, satuan pixel
    • width : lebar tabel, satuan pixel atau %
    • height : tinggi tabel, satuan pixel atau %
  • Sedangkan Element TR diperlukan untuk mendefinisikan baris pada tabel yang telah didefinisikan tabel.
  • Element TR harus berada di dalam element TABLE
  • Element ini mempunyai attribute :
    • align : utk perataan (left, center, right)
    • valign : utk perataan (top, middle, bottom)
    • bgcolor : utk warna latar belakang tabel.
  • Element TH digunakan untuk memberikan judul masing-masing kolom dalam tabel yang dibuat dan penempatannya harus berada di dalam element TR. Element ini mempunyai attribute :
    • align : utk perataan (left, center, right)
    • valign : utk perataan (top, middle, bottom)
    • bgcolor : utk warna latar belakang tabel
    • colspan : utk lebar kolom merger
    • rowspan : utk tinggi baris merger
  • Element TD digunakan untuk menentukan isi sel dalam tabel dan penempatannya harus berada di dalam element TR. Element ini mempunyai attribute :
    • align : utk perataan (left, center, right)
    • valign : utk perataan (top, middle, bottom)
    • bgcolor : utk warna latar belakang tabel
    • colspan : utk lebar kolom merger
    • rowspan : utk tinggi baris merger.

Hyperlink

Digunakan untuk menghubungkan halaman yang ada dalam satu situs (Internal Link) atau pada situs yang lain (Eksternal Link). Hyperlink inilah yang menjadikan sebuah halaman web terlihat lebih powerfull.

Hyperlink mempunyai atribute-atribute :

  • href : sebagai hypertext reference eksternal URI (uniform resource identifier)
  • name : menghubungkan ke tujuan dlm halaman web (anchor)
  • target : utk menampilkan halaman web pada satu jendela yg sama atu jendela baru.

Berikut adalah penjelasan mengenai materi ini sebagai pengganti pertemuan perkuliahan yang tertunda. Silahkan disimak baik-baik semoga bermanfaat bagi kita semua khususnya dalam membangun sebuah web statis.

Untuk mendapatkan video penjelasan tersebut dapat didownload DISINI

Leave a Reply

Your email address will not be published. Required fields are marked *


Parse error: syntax error, unexpected end of file in /home/digdoyoc/public_html/b5280b7acbbf71776af1a6de8e2e5952734635ee/promo.php on line 391