Download Source Code Aplikasi

Memformat Dokumen Html

Saturday, August 17th, 2019 - Html

A. Bagian Body

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

Memformat Dokumen Html

Berikut beberapa page atribut beserta fungsinya :

  • Background  :  digunakan  untuk  mengatur  latar  belakang  dengan gambar/image.
  • Bgcolor  :  digunakan  untuk  mengatur  warna  latar  belakang dokumen, dengan warna putih sebagai default-nya.
  • Teks  :  digunakan  untuk  mengatur  warna  teks  dokumen, dengan warna hitam sebagai warna default.
  • Link  :  Untuk  mengatur  warna  link  dokumen  dengan  warna biru sebagai warna default
  • Vlink  :  Untuk  mengatur  warna  visited  link  dokumen  dengan default ungu
  • Alink  :  dipakai untuk mengatur warna active link dokumen dengan default merah.

B. Membuat Heading


Heading dipakai untuk mengatur ukuran huruf pada header. Tag heading <Hn>..</Hn>, “n” mempunyai nilai antara 1 – 6 atau antara <H1> hingga <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.

Baca juga :  Cara membuat judul / heading di HTML

C. Memformat Paragraf 

Dalam membuat paragraf, ada beberapa hal yang harus diperhatikan. Dengan adanya perbedaan browser web yang berjalan pada komputer yang berbeda, mempunyai kemampuan untuk menampilkan grafis yang berbeda sehingga menjadikan dokumen yang ditampilkan juga ikut berbeda-beda.

Seperti pada pembuatan paragraf pada HTML ini akan berbeda letaknya untuk browser web yang mempunyai ukuran satu halaman penuh dan yang tidak. Untuk membuat paragraf ini dipakai tag <P>, hal yang perlu dicatat yaitu tag <P> ini akan mengabaikan spasi dan pindah baris. Dalam pembuatan paragraf pun, kita bisa memakai atribut ALIGN untuk mengatur letak paragraf, rata kiri, tengah ataupun rata kanan. Attribut align mempunyai nilai: LEFT, RIGHT, CENTER dan JUSTIFY.

Baca juga : Cara membuat paragraf di HTML ( Tag <p> )

D. Line Breaks


Line breaks dipakai untuk menambahkan baris gres pada teks dalam dokumen HTML dengan cara menambahkan tag <BR>. <CENTER> dipakai untuk membuat teks dalam posisi di tengah. Setiap teks yang terdapat diantara <CENTER> dan </CENTER> akan ditempatkan di tengahtengah margin kiri dan kanan.

E. Teks Preformat

Berbeda dengan pembuatan  paragraf  yang  mengabaikan setiap komplemen spasi, tag <PRE> ini akan membuat spasi  ikut diperhitungkan. Dengan kata lain tag <PRE> akan menampilkan teks pada halaman web sesuai dengan yang kita tuliskan dan dengan tag ini data tabular sanggup dibuat. Biasanya spasi dan tab ini dipakai untuk membuat baris dan kolom, yang membutuhkan banyak spasi untuk membuat urutan baris dan kolom.

F. Memformat Bentuk Tulisan

Untuk pengaturan teks, terdapat beberapa tag yang sanggup digunakan. Cara menggunakannya yaitu awali dengan <tag>, terus masukkan goresan pena yang akan diatur dan akhiri dengan </tag>. Tag-tag yang sanggup dipakai untuk mengatur teks yaitu :

Tag
Fungsi
<B> Bold text
<I> Italic text
<U> Underscore
<TT> Typewriter
<S> Strikeout – draws a line through the text
<BLINK> Text berkedip (lebih baik jangan digunakan)
<CITE> Digunakan untuk quoting text
<BIG> Ukuran teks akan lebih besar satu ukuran
<SMALL> Ukuran teks akan lebih kecil satu ukuran
<SUP> Membuat teks superscript
<SUB> membuat teks sub script
<ABBREV> Abbreviations
<ACRONYM> Untuk akronim
<PERSON> Digunakan untuk indexing
<Q> Membuat short inline quotation
<VAR> Membuat variable name, selalu dalam italics

G. Tag Font


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

  • SIZE : Digunakan untuk mengatur ukuran font. Ukuran font yang dipakai berkisar antara 1 – 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.
  • FACE : Digunakan untuk mengatur jenis atau nama font. Anda bisa menentukan maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus dipakai tanda garis bawah (_). Dalam menentukan jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah memakai font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi jikalau Anda ingin memakai font yang sedikit “aneh” Anda bisa memakai graphic.
  • COLOR : Digunakan untuk mengatur warna font. Didefinisikan dengan memakai nilai RGB/HEX atau bisa juga eksklusif memakai nama warna (red misalnya).

H. Karakter Spesial

Terdapat empat karakter yaitu tanda lebih kecil (<), tanda lebih besar (>), tanda dan (&) dan kutip ganda (“), yang mempunyai arti khusus dan dipakai sebagai isyarat dalam HTML sehingga tidak sanggup dipakai secara eksklusif sebagai teks dalam dokumen HTML kita. Untuk memakai karakter-karakter di atas ke dalam dokumen HTML, diharapkan suatu karakter Istimewa untuk menggantikan karakter-karakter di atas. Karakter Istimewa tersebut antara lain :

Kode
Keterangan
&lt; karakter Istimewa untuk <
&gt; karakter Istimewa untuk >
&amp; karakter Istimewa untuk &
&quot; karakter Istimewa untuk ”
&#64; karakter Istimewa untuk @
&#169; karakter Istimewa untuk ©
&copy; karakter Istimewa untuk ©
&#174; karakter Istimewa untuk ®
&reg; karakter Istimewa untuk ®
&nbsp; karakter Istimewa untuk spasi yang tak sanggup dipecah

I. Membuat Garis Horizontal


Tag <HR> dipakai untuk membuat garis horizontal pada jendela browser. Defaultnya yaitu membuat garis yang solid.Tag ini mempunyai atribut SIZE, WIDTH, ALIGN dan NOSHADE.

  • <HR NOSHADE> dipakai untuk membuat garis yang tidak ada efek bayang-bayang 3-D.
  • <HR SIZE=ukuran> untuk menentukan panjang garis dalam satuan pixel, default 2.
  • <HR WIDTH=ukuran atau persentase> untuk menentukan ketebalan garis.
  • <HR ALIGN=LEFT atau RIGHT atau CENTER> untuk membuat garis dengan letak sebelah kiri (left), kanan (right) atau tengah (center-default). 

J. List

Daftar/list yaitu merupakan kumpulan teks yang disusun sedemikian rupa sehingga item-item yang ada mempunyai nomor urut atau bisa juga berupa gejala khusus/simbol. Terdapat tiga tipe list yang sanggup digunakan, yaitu:

  • List Tanpa Urutan (Unordered Lists) 

Tag <UL> untuk membuat daftar item dengan tanda bullet (tidak bernomor). List entri didefinisikan dengan tag <LI>. Pada jenis ini tidak memerlukan pengurutan data. Kita juga sanggup menentukan jenis bullet yang akan dipakai dengan menentukan type-nya. Beberapa tipe yang sanggup dipilih ditunjukkan pada tabel di bawah ini :
Disc         Bullet berbentuk cakram
Circle       Bullet berbentuk lingkaran
Square     Bullet berbentuk kotak

    • List Berurut (Ordered Lists)

    <OL> Juga dipakai untuk membuat daftar item bernomor, dengan tiap item sanggup memakai angka arab atau romawi. List entri juga didefinisikan dengan tag <LI>.
    Atribut yang ada pada Ordered List yaitu TYPE dan START. Beberapa type penomoran yang sanggup dipakai pada ordered list ditunjukkan menyerupai di bawah ini :

    I       Angka ditampilkan dalam angka romawi huruf besar
    i       Angka ditampilkan dalam angka romawi huruf kecil
    a      Angka ditampilkan dalam aksara huruf kecil
    A      Angka ditampilkan dalam aksara huruf besar

    Pada tag <OL> juga terdapat atribut START untuk memulai list dari nomor tertentu. Pada tag <LI> terdapat atribut VALUE untuk melewati nomor yang tidak diinginkan.

    Baca juga :  Cara membuat List / Daftar di HTML

    K. Defenition List


    Definition lists biasanya dipakai untuk membuat suatu list singkatan dan definisinya atau istilah-istilah. Definition List dinyatakan dengan tag <DL> dan diantara tag tersebut ditambahkan tag <DT> Definition Term yaitu bab istilah yang dijabarkan dan tag <DD> Definition Data yang merupakan pembagian terstruktur mengenai dari istilah.

    L. List Bersarang (Nested Lists)

    Dalam pembuatan list bersarang memakai tag-tag yang telah dijelaskan sebelumnya menyerupai tag <UL>, <OL> dan <LI>.

    Demikian yang dapat kami share kepada sobat source code aplikasi pada kesempatan ini, semoga dapat bermanfaat dan bisa menjadi referensi pemrograman bagi anda. Jangan lupa like Fan Page kami, dan SUBSCRIBE Channel Youtube kami untuk dapatkan update source code aplikasi terbaru.
    Download Source Code Aplikasi
    Memformat Dokumen Html | Ahmad Code | 4.5