Ingin mencoba Membuat file berekstensi HTML dasar dengan HTML Code (mencoba menulis blog kalau kita tidak mempunyai blog)

 

Awalnya iseng2 aja nulis ini. Eh, apakah sahabat ingin mencoba membuat HTML Code tanpa blog atau kita ingin mencoba apakah hasil yang kita buat bagus atau tidak hasilnya. Bebetapa code HTML:

<span style="color: red; font-family: Verdana;">tulisan</span> = mengatur font

face="Verdana" adalah font, kata Verdana tadi boleh diganti menjadi nama font lain seperti Times New Roman, Arial, Tunga, dan lain-lain.

size="8" menunjukkan ukuran huruf, boleh diganti juga menjadi ukuran huruf menjadi 10, 20(pokoknya angka semua, gak boleh huruf)

color=red menunjukkan warna huruf.

Kata </span> = mengatur font adalah jika kita ingin menonaktifkan format, jadi yah sama aja kayak font yang normal.

Untuk mengatur font dan warna secara keseluruhan

<blink> TEXT.<blink>

Untuk membuat teks berkedap-kedip

<i>text</i>

membuat teks miring

<u>tulisan</u> = membuat tulisan di garis bawahi

 

<a href="link tujuan">tulisan</a> = membuat link.

Kata ''link tujuan" itu adalah tempat kita menuliskan alamat URL yang ingin dibuat link.

Kata "tulisan" itu adalah apabila kita ingin memberi nama link. Apabila kita ingin menuliskan linknya saja, ketik:

<a href="link tujuan">

 

<img color="black" size="4" src="URL Gambar" verdana="" /> (memasukkan gambar)

"URL Gambar" = isi dengan URL alamat gambar

 

<marquee behavior="scroll" bgcolor="white" direction="left" height="20" width="450">Tulisan Anda</marquee> = utk membuat tulisan bergerak.

penjelasan:

marquee adalah kode utk membuat tulisan bergerak.

behavior adalah pola gerakan tulisan, dan ada 3 behavior yaitu:

 

<ul style="text-align: justify;">

<li>Alternate : Teks bergerak bolak-balik</li>

<li> Slide : Teks hanya bergerak sekali saja</li>

<li> Scroll : Teks bergerak ke satu arah secara kontinu</li>

</ul>

 

direction adalah arah gerakan tulisan. contohnya:

<ul style="text-align: justify;">

<li> Up : Teks bergerak keatas</li>

<li> Down : Teks bergerak kebawah</li>

<li> Left : Teks bergerak kekiri</li>

<li> Right : Teks bergerak kekanan</li>

</ul>

<div style="text-align: justify;">

 

height dan width adalah layer atau area yg isinya mau ada tulisan yang dibuat scrolled atau bergerak

bgcolor adalah warna backgroundnya

tulisan berwarna merah adalah tulisan yg bergerak

<div style="background-color: white; border: 1px solid rgb(204, 204, 204); height: 80px; overflow: auto; padding: 5px; width: 80px;">

 

<b><u>Tambahkan teks di sini</u></b>

Cara apabila kit ingin membuat tulisan tebal dan digaris bawahi. jadi tambahkan saja </u> di samping kanan </b>, atau apabila ingin tebal, miring, digaris bawahi, tulis:

<i><b><u> text</u></b></i>.

 

</div> = cara utk membuat scroll bar

<del>tulisan anda</del> ini membuat tulisan dengan coretan (striketrough)

Nah, jika sudah tau code2nya, kita akan belajar menulis blog secara offline. Bagi yang tidak punya blog tapi ingin punya maka harus mencoba ini. Teks berwarna merah boleh diganti menjadi tulisan yang lain.

1. Buka Notepad ( Start, Run, Ketik notepad)
   
2. Ketik teks bersama kode2 tadi
   
3. Setelah selesai, klik File, Save As.
   
4. Lalu tambahkan .html di depan nama.
   
5. Coba buka file tersebut, pasti akan jadi seperti yang diharapkan kalau tdk ada yang salah.
   

Tulisan berwarna merah bisa diganti dengan yang lain.