" Document.Cookie = "brs3=This text is bold
" Document.Cookie = "brs4= This text is strong
" Document.Cookie = "brs5= This text is big
" Document.Cookie = "brs6= This text is emphasized
" Document.Cookie = "brs7= This text is italic
" Document.Cookie = "brs8= This text is small
" Document.Cookie = "brs9=This text contains subscript
" Document.Cookie = "brs10=This text contains superscript " Document.Cookie = "brs11=" Document.Cookie = "brs12=
Hosted by www.Geocities.ws

" Document.Form1.Submit end sub Sub MS2_OnClick() Document.Cookie = "Contoh=10" Document.Cookie = "jbrs=16" Document.Cookie = "brs1=" Document.Cookie = "brs2=
" Document.Cookie = "brs3=
"
     Document.Cookie = "brs4=   Ini contoh untuk"
     Document.Cookie = "brs5=   preformatted text."
     Document.Cookie = "brs6=   Pada baris ini ada spasi(     )yang memisahkan kata"
     Document.Cookie = "brs7=
" Document.Cookie = "brs8=

Tag pre biasanya digunakan untuk menulis" Document.Cookie = "brs9= kode program komputer

" Document.Cookie = "brs10=
"
     Document.Cookie = "brs11=    for i = 1 to 10"
     Document.Cookie = "brs12=        Document.write (i)"
     Document.Cookie = "brs13=    next i"
     Document.Cookie = "brs14=
" Document.Cookie = "brs15=" Document.Cookie = "brs16=
Hosted by www.Geocities.ws

" Document.Form2.Submit end sub Sub MS3_OnClick() Document.Cookie = "Contoh=11" Document.Cookie = "jbrs=13" Document.Cookie = "brs1=" Document.Cookie = "brs2=
" Document.Cookie = "brs3=Computer code
" Document.Cookie = "brs4=Keyboard input
" Document.Cookie = "brs5=Teletype text
" Document.Cookie = "brs6=Sample text
" Document.Cookie = "brs7=Computer variable
" Document.Cookie = "brs8=

" Document.Cookie = "brs9=Catatan: Tag ini biasanya digunakan untuk menampilkan" Document.Cookie = "brs10=kode computer/programming." Document.Cookie = "brs11=

" Document.Cookie = "brs12=" Document.Cookie = "brs13=
Hosted by www.Geocities.ws

" Document.Form3.Submit end sub Sub MS4_OnClick() Document.Cookie = "Contoh=12" Document.Cookie = "jbrs=11" Document.Cookie = "brs1=" Document.Cookie = "brs2=
" Document.Cookie = "brs3=
" Document.Cookie = "brs4=Binsar Siagian
" Document.Cookie = "brs5=Jl.Pasantren km 2Hosted by www.Geocities.ws
" Document.Form4.Submit end sub Sub MS5_OnClick() Document.Cookie = "Contoh=13" Document.Cookie = "jbrs=11" Document.Cookie = "brs1=" Document.Cookie = "brs2=
" Document.Cookie = "brs3=INA
" Document.Cookie = "brs4=PPPGT
" Document.Cookie = "brs5=WWW
" Document.Cookie = "brs6=Labkomtedc

" Document.Cookie = "brs7=Telmi

" Document.Cookie = "brs8=

Arahkan pointer mouse ke salah satu tulisan diatas !" Document.Cookie = "brs9=Wow....Apa hasilnya ?

" Document.Cookie = "brs10=" Document.Cookie = "brs11=
Hosted by www.Geocities.ws

" Document.Form5.Submit end sub Sub MS6_OnClick() Document.Cookie = "Contoh=14" Document.Cookie = "jbrs=12" Document.Cookie = "brs1=" Document.Cookie = "brs2=
" Document.Cookie = "brs3=

Bila browser Anda mendukung fungsi bi-directional override (bdo)," Document.Cookie = "brs4=maka tulisan berikut akan ditampilkan dari kanan ke kiri" Document.Cookie = "brs5=istilahnya 'rtl' (rotation to left)

" Document.Cookie = "brs6=" Document.Cookie = "brs7=" Document.Cookie = "brs8=Ini tulisan 'Hebrew text'" Document.Cookie = "brs9=" Document.Cookie = "brs10=" Document.Cookie = "brs11=" Document.Cookie = "brs12=
Hosted by www.Geocities.ws

" Document.Form6.Submit end sub Sub MS7_OnClick() Document.Cookie = "Contoh=15" Document.Cookie = "jbrs=16" Document.Cookie = "brs1=" Document.Cookie = "brs2=
" Document.Cookie = "brs3=Dibawah ini ada tulisan dengan 'long quotation':" Document.Cookie = "brs4=
" Document.Cookie = "brs5=This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation. This is a long quotation." Document.Cookie = "brs6=

" Document.Cookie = "brs7=Dibawah ini ada tulisan dengan 'short quotation':
" Document.Cookie = "brs8=" Document.Cookie = "brs9=Ini contoh sebuah 'short quotation'" Document.Cookie = "brs10=" Document.Cookie = "brs11=

" Document.Cookie = "brs12=Dengan elemen 'blockquote', browser akan memasukkan 'line breaks' dan 'margins'" Document.Cookie = "brs13=, tetapi elemen q tidak memberikan sesuatu efek." Document.Cookie = "brs14=

" Document.Cookie = "brs15=" Document.Cookie = "brs16=
Hosted by www.Geocities.ws

" Document.Form7.Submit end sub Sub MS8_OnClick() Document.Cookie = "Contoh=16" Document.Cookie = "jbrs=7" Document.Cookie = "brs1=" Document.Cookie = "brs2=
" Document.Cookie = "brs3=

Satu lusin samadengan duapuluh duabelas buah


" Document.Cookie = "brs4=

Beberapa browsers akan mencoret 'deleted text' dan membuat gantinya 'Inset text' dengan garis bawah.

" Document.Cookie = "brs5=

Browsers versi lama akan menampilkannya sebagai 'plain text'.

" Document.Cookie = "brs6=" Document.Cookie = "brs7=
Hosted by www.Geocities.ws

" Document.Form8.Submit end sub
 
 
 
   

Memformat Text HTML

HTML mendefenisikan banyak elemen untuk melakukan format output, seperti bold atau text Italic. Dibawah ini sejumlah contoh yang dapat Anda coba sendiri.

1. Memformat Text.

Contoh ini mendemonstrasikan cara memformat text dalam sebuah dokumen HTML.

Contoh hasilnya seperti dibawah ini:

Bold  Strong  BIG  Emphasized  Italic  Small  Subscript  SuperScript 

Contoh: 9

<html>
<body>

<b>This text is bold</b> <br>
<strong> This text is strong </strong><br>
<big> This text is big </big> <br>
<em> This text is emphasized </em><br>
<i> This text is italic </i><br>
<small> This text is small </small><br>
This text contains <sub> subscript </sub><br>
This text contains <sup> superscript </sup>

</body>
</html>

2. Memformat Text dengan tag <pre>. (Preformatted text)

Contoh ini mendemonstrasikan cara, bagaimana Anda supaya dapat mengen- dalikan line break dan space dengan tag <pre>. Sehingga yang tampil dilayar persis seperti yang Anda susun pada text Editor. Pada saat mencoba di layar Experimen lakukan pergeseran posisi text yang ada di antara tag <pre> </pre> seperti yang Anda inginkan, kemudian lihat hasilnya.

Contoh: 10

<html>
<body>

<pre>
Ini contoh untuk
preformatted text.
Pada baris ini ada spasi (               )  yang memisahkan kata

Diatas baris ini ada spasi kosong!
</pre>

<p>Tag pre biasanya digunakan untuk menulis 
kode program komputer</p>

<pre>
       For i = 1 to 10
              Document.write (i)
       next i
</pre>

</body>
</html>

Catatan: 

Contoh-contoh dibawah ini tidak ditampilkan Source HTML nya pada halaman ini, tetapi dapat Anda lihat secara lengkap saat melakukan ujicoba dengan menekan tombol Contoh.  

3. Memformat Text dengan tag "Computer output"

Contoh ini mendemonstrasikan bagaimana perbedaan tag "computer output". Untuk dapat membedakan tulisan listing program komputer.

<code>Computer code</code>
<kbd>Keyboard input</kbd>

<tt>Teletype text</tt>
<samp>Sample text</samp>
<var>Computer variable</var> 

4. Memformat Text dengan bentuk alamat

Contoh ini mendemonstrasikan bagaimana bentuk penulisan untuk alamat seseorang dalam dokumen HTML. 

Dengan menggunakan tag <address></address>

Walaupun susunannya di acak acak pakai spasi hasilnya akan tetap dirapihkan.

5. Memformat Text dengan bentuk singkatan ( acronyms )

Contoh ini mendemonstrasikan bagaimana cara penulisan untuk singkatan atau persamaan. Misalnya pada layar hanya tertulis WWW. Bila mouse ditempatkan diatas tulisan WWW maka akan muncul 'Tool Tip' dengan teks "Word Wide Web". 

6. Memformat Text dengan "text direction"

Contoh ini mendemonstrasikan bagaimana cara mengubah arah penulisan text. Normalnya dari kiri ke kanan, tetapi dengan menggunakan

<bdo dir="rtl">Bandung</bdo>

hasilnya menjadi gnudnaB

7. Memformat Text dengan "Quotations"

Contoh ini mendemonstrasikan bagaimana cara mengubah posisi Indent text. 
Dengan elemen block quote, browser menyisipkan line break dan margin, tetapi elemen q tidak mengubah (render) sesuatu menjadi sesuatu yang khusus.

8. Memformat Text dengan cara Menghapus dan menyisipkan Text.

Contoh ini mendemonstrasikan bagaimana cara memberikan tanda ke subuah text yang akan dihapus atau disisipkan dalam sebuah dokumen. Dengan menggunakan tag <del>duapuluh</del> <ins>duabelas</ins>

9. Bagaimana menampilkan Source HTML.

Setelah Anda menggunakan Web page ini, apakah ada pertanyaan dibenak Anda "bagaimana saya membuat tampilan ini sehingga dapat Anda pergunakan ?". Atau dengan kata lain bagaimana caranya untuk melihat Source program dari halaman ini !. Untuk melihatnya, sangat sederhana, click View pada menu browser dan pilih Source bila Anda menggunakan IE. Tindakan ini akan membuka sebuah window Notepad yang memperlihatkan kepada Anda actual HTML dari page ini.

Ingat !, Anda dapat menyimpan source file, dan menggunakannya sebagai sebuah template untuk Web page milik Anda dikemudian hari.  Apakah perlu izin? bila untuk bisnis "ya.. harus" tetapi kalau untuk belajar dan untuk pendidikan "bebas".

10. Tag untuk Format Text :

NN: Netscape, IE: Internet Explorer, W3C: Web Standard 

Tag Awal

NN

IE

W3C

Kegunaan

<b>

3.0

3.0

3.2

Mendefenisikan bold text

<big>

3.0

3.0

3.2

Mendefenisikan big text

<em>

3.0

3.0

3.2

Mendefenisikan emphasized text 

<i>

3.0

3.0

3.2

Mendefenisikan italic text

<small>

3.0

3.0

3.2

Mendefenisikan small text

<strong>

3.0

3.0

3.2

Mendefenisikan strong text

<sub>

3.0

3.0

3.2

Mendefenisikan subscripted text

<sup>

3.0

3.0

3.2

Mendefenisikan superscripted text

<ins>

 

4.0

4.0

Mendefenisikan inserted text

<del>

 

4.0

4.0

Mendefenisikan deleted text

 

 
   
     
         
 
Hosted by www.Geocities.ws

1