About Me

Thesalonika Olga Valitha Briliane | 23 y.o | Indonesian | Swiftie | @__tukangmaido | Love Green, Like Mango | Jesus Christ

Rabu, 04 Januari 2012

Pengenalan Tentang Web Dasar (Sekuel)


Langsung saja.. silahkan dibaca ;)
B. Penyunting Text


Berikut ini berbagai macam tag yang dapat digunakan untuk penyuntingan teks.

  1. Heading
  2. Garis horizontal
  3. Teks miring
  4. Teks tebal
  5. Teks dengan garis bawah
  6. Center
  7. Paragraf
  8. Alignment (Rata kiri, tengah, kanan, justifikasi)
  9. Jenis huruf
  10. Superscripts
  11. Subscripts
  12. List/daftar



Penjelasannya :

  1. Heading
    Fungsi : untuk membuat/memilih ukuran teks, umumnya untuk judul karena ukurannya yang besar.
    Sintaks :
    <H1> … </H1>,
    <H2> … </H2>,
    <H3> … </H3>, s/d
    <H6> … </H6>

    Ket : Semakin besar angka 1 s/d 6 maka semakin kecil ukuran hurufnya.
    Contoh :
    <HTML>
    <HEAD>
    <TITLE>Penyuntingan teks dengan Heading</TITLE>
    </HEAD>
    <BODY>
    <H1>Teks ini ditulis dengan H1</H1>
    <H2>Teks ini ditulis dengan H2</H2>
    </BODY>
    </HTML>
    Coba hasilnya Anda lihat di browser, selanjutnya bandingkan apabila digunakan <H3>…</H3>, <H4>…</H4>, dst.
  2. Garis horizontal
    Fungsi : membuat garis horizontal penuh pada layar/halaman web
    Sintaks  :
    <HR>
    Contoh :
    <HTML>
    <HEAD>
    <TITLE>Garis Horizontal</TITLE>
    </HEAD>
    <BODY>
    <H1>Di bawah tulisan ini ada garis horizontal</H1>
    <HR>
    </BODY>
    </HTML>

    Ket : Penulisan <HR> bisa terletak dibawah suatu teks atau di sampingnya.

    Contoh :
    <HTML>
    <HEAD>
    <TITLE>Penyuntingan teks dengan Heading</TITLE>
    </HEAD>
    <BODY>
    <H1>Di bawah tulisan ini ada garis horizontal</H1><HR>
    </BODY>
    </HTML>

    Coba Anda bandingkan apakah kedua contoh di atas ada bedanya?
  3. Teks miring (Italic)
    Sintaks :
    <I> … </I>
    Contoh :
    <HTML>
    <HEAD>
    <TITLE>Penyuntingan teks dengan italic</TITLE>
    </HEAD>
    <BODY>
    <H1><I>Teks ini ditulis dengan H1 dan miring</I></H1>
    </BODY>
    </HTML>
  4. Teks tebal (bold)
    Sintaks : <B> … </B>
    Contoh :
    <HTML>
    <HEAD>
    <TITLE>Penyuntingan teks dengan bold</TITLE>
    </HEAD>
    <BODY>
    <H1><B>Teks ini ditulis dengan H1 dan bold</B></H1>
    </BODY>
    </HTML>

    Apabila diinginkan suatu teks miring dan tebal, perhatikan penulisan berikut ini.

    <HTML>
    <HEAD>
    <TITLE>Penyuntingan teks dengan italic dan bold</TITLE>
    </HEAD>
    <BODY>
    <H1><I><B>Teks ini ditulis dengan H1, miring dan tebal
    </B></I></H1>
    </BODY>
    </HTML>
    Penulisan <I>, <B>  dan </I>, </B> bisa dibolak-balik, misalnya
    <I><B>Teks ini ditulis dengan H1, miring dan tebal </B></I>
    atau
    <B><I>Teks ini ditulis dengan H1, miring dan tebal </I></B>
    atau
    <I><B>Teks ini ditulis dengan H1, miring dan tebal </I></B>
    atau
    <B><I>Teks ini ditulis dengan H1, miring dan tebal </B></I>

See ya at the next post ;)

0 suara netizen:

Posting Komentar

Twitter Delicious Facebook Digg Stumbleupon Favorites More