Make your own free website on Tripod.com
Home
Biodata
HTML
Elemen dan Tag HTML
Memformat HTML (Bag.01)
Memformat HTML (Bag.02)
Table
Menyisipkan Gambar dan Link
E-Mail
Web Browser
Guest Book

Memformat HTML (Bag.1)

  • Heading

    Heading adalah sekumpulan kata atau frasa yang menjadi judul atau subjudul dalam suatu dokumen HTML. Sekalipun sama-sama merupakan judul, tetapi heading berbeda dengan elemen <TITLE> yang hanya muncul pada title bar dari suatu jendela browser, bukan di dalam web page.
    Untuk menyatakan heading, digunakan tag <Hx> dimana x merupakan nomor level heading dari 1 sampai 6, sedangkan untuk mengakhirinya digunakan tag akhir </Hx>.Atribut yang dapat ditambahkan pada elemen heading adalah ALIGN dimana memiliki nilai sebagai berikut :

    • Align="left", untuk heading rata kiri
    • Align="center", untuk heading rata tengah
    • Align="right", untuk heading rata kanan
    Contohnya :
    <H1 align="center">Heading level 1</H1>
    <H2>Heading level 1</H2>
    <H3 align="left" >Heading level 1</H3>
    <H4>Heading level 1</H4>
    <H5 align="right" >Heading level 1</H5>
    <H6>Heading level 1</H6>

    Tentu Anda dapat membedakannya bukan? Cobalah sebagai pembelajaran.


  • Phisical Style

    Phisical Style adalah suatu jenis format yang diberikan pada teks tanpa tergantung pada jenis dari elemen dasar teks tersebut. Elemen-elemen ini telah sering kita gunakan dalam program pengolahan kata, seperti menebalkan atau membuat miring suatu teks. Adapun elemen-elemen fisik yang dapat diterapkan pada dokmen HTML adalah :

    Elemen
    Fungsi
    <B>........</B>
    Untuk menebalkan
    <I>.........</I>
    Untuk memiringkan teks
    <U>.........</U>
    Untuk mengarisbawahi teks
    <S>..........</S>
    Untuk mencoret teks
    <BLINK>.........</BLINK>
    Membuat teks berkedip
    <TT>........</TT>
    Tampilan dalam format typewriter
    <SMALL>........</SMALL>
    Untuk membesarkan teks
    <BIG>........</BIG>
    Untuk mengecilkan teks
    <SUB>........</SUB>
    Membuat teks subscript
    <SUP>.......</SUP
    Membuat teks superscript

  • F O N T
    » Menentukan Ukuran Teks
    Elemen fontmenyediakan atribut Size dengan nilai 1 sampai 7. Semakin besar angka, maka semakin besar ukuran teks tersebut.
    Berikut contoh Penggunaan Tag Font Size beserta hasilnya ::

    <font size=1>Ukuran Teks 1</font><br>

    <font size=2>Ukuran Teks 2 </font><br>
    <font size=3>Ukuran Teks 3 </font><br>
    <font size=4>Ukuran Teks 4 </font><br>
    <font size=5>Ukuran Teks 5 </font><br>
    <font size=6>Ukuran Teks 6 </font><br>
    <font size=7>Ukuran Teks 7 </font><br>

    Ukuran Teks 1
    Ukuran Teks 2
    Ukuran Teks 3
    Ukuran Teks 4
    Ukuran Teks 5
    Ukuran Teks 6
    Ukuran Teks 7

    » Mengubah Warna Teks
    Penggunaan warna pada teks mulai diperkenalkan oleh Internet Expoler 1.0 dengan menggunakan atribut COLOR pada elemen FONT. Pendefinisian warna dapat dilakukan dengan dua cara yaitu, melalui nama warna atau mengunakan nilai RGB warna.

    Penggunaannya pada HTML, saya buat dalam contoh berikut :
    <font color="blue">Teks berwarna biru </font>
    <font color="#000000">
    Teks berwarna hitam </font>

    » Mengubah Jenis Font
    Di sini saya mengasumsikan Internet Expoler sebagai Web Browsernya. Internet Expoler memperkenalkan atribut FACE pada elemen font yang dapat digunakan untuk membuat bermacam-macam jenis font pad suatu page. Jenis font sendiri seperti Arial, Times New Roman, dll.
    Penggunaannya pada HTML adalah sebagai berikut :

    <font face="arial">Font Jenis Arial </font>
    <font face="times new roman ">Font Jenis Times New Roman </font>

    » Penggunaan atribut-atribut tersebut dapat disatuka dalam satu elemen font sehingga akan diperoleh gabungan dari warna, ukuran, dan jenis font. Contohnya dalam HTML adalah :

    <font size="6" color="green" face="arial">Gabungan beberapa atribut pada suatu teks</font>

  • Ganti Baris dan Garis Horizontal

    Elemen yang digunakan untuk ganti baris adalah BR (Break Rule) yang berguna untuk menuliskan teks pada baris berikutnya.Dengan adanya elemen ini, kita tidak lagi memerlukan elemen PRE jika menulis padasuatu baris baru. Penulisan tag BR tidak memerlukan penutup.Contoh dalam HTML :

    <font face="arial">Font Jenis Arial</font>
    <font face="comic san ms">Font Jenis Comic San MS</font>

    Sedangakan untuk membuat garis horizontal, diperlukan elemen HR(Horizontal Rule). Ada beberapa atribut yang dapat digunakan
    untuk mengubah tampilan garis seperti untuk mengubah panjang, ketebalan, warna dan efek bayangan(3D).
    Berikut ini adalah atribut-atribut yangdapat ditambahkan pada elemen HR, yang mana pemakaiannya dapat digabungkan dengan elemen HR :

    Atribut
    Argumen
    Keterangan
    Align
    Center
    Left
    Right
    Digunakan untuk melakukan perataan pada garis yang dibuat
    Noshade
    noshade
    Untuk memunculkan efek tanpa bayang-bayang
    Size
    Piksel
    %
    Digunakan untuk menentukan ukuran ketebalan garis dapat berupa piksel atau persen
    Width
    Piksel
    %
    Digunakan untuk menentukan ukuran panjang garis dapat berupa piksel atau persen
    Color
    Nama Warna
    RGB
    Untuk memberi warna pada garis yang dibuat.


Copyright © Atik Indah Widyaningsih
Bandung, Januari 2007
U N I K O M