Kode-kode pada blog umumnya ditulis menggunakan bahasa HTML (HyperText Markup Language) namun ada juga yang menggunakan dealam format CSS (Casaading Style Sheets), berikut adalah kode-kode yang biasa digunakan didalam penulisan Blog atau pemformatan tampilan Blog.
Tag Dasar
<HTML> . . . </HTML> merupakan dasar dalam pembuatan script html.
<HEAD> . . . </HEAD> merupakan tag informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
<Title> . . </title> merupakan tag untuk penulisan judul tulisan.
<body>…</body> merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).
Format tulisan
<right> . . . </right> penulisan dengan rata kanan
<left> . . . </left> penulisan dengan rata kiri
<center> . . . </center> penulisan dengan rata tengah
. . . <br> untuk membuat baris baru (fungsinya sama ketika kita menekan tombol ENTER)
<p> . . .</p> Pembuatan paragraph pada sebuat artikel/ tulisan
<h1> . . . </h1> Untuk membuat Heading pada suatu artikel, format heading memiliki 6 macam, yaitu dari <h1> sampai <h6>, dengan ukuran font <h1> yang paling besar, dan <h6> yang paling kecil.
<font> . . . </font> untuk pemformatan bentuk/ gaya tulisan, dengan tag ini kita bisa menentukan jenis font (face), warna (color), dan ukuran (size), contoh:
<font face="Arial" size="3" color="red"> . . . </font>
Maksudnya adalah tulisan akan memiliki font: Arial, dengan ukuran :3 dan dengan warna : merah.
<hr> digunakan untuk membuat garis horizontal ditempat dimana dia diletakkan.
<tt> . . . </tt> membuat tulisan dengan gaya mesin ketik
<b> . . . </b> membuat tulisan bercetak Tebal(Bold)
<strong> . . . </strong> Membuat Tulisan Tebal, fungsinya sama dengan <b> . . . </b>
<i> . . . </i> membuat tulisan bercetak Miring (Italic)
<em> . . . </em> sama fungsinya seperti <i> . . </i>
<u>. . . </u> Membuat tulisan Bergaris Bawah
<strike>. . .</strike> membuat teks bercoret
<big>. . .</big> membuat ukuran teks menjadi lebih besar dari normal
<small>. . . </small> membuat teks lebih kecil dari normal
Teks menggunakan Subscript: Molekul Air adalah H<sub>2</sub>O
Teks menggunakan Superscript: Hasil dari 10<sup>2</sup>=100
<pre>. . . </pre> digunakan untuk menuliskan lagu / puisi.
Hyperlink
<a href="Link Tujuan"> <img src="alamat gambar" border="0" width="147" height="31"></a>
Untuk membuat hyperlink ke sebuah link tujuan dengan gambar dengan ukuran lebar: 147 dan tinggi gambar: 31.
<a href="Link Tujuan"> <img src="alamat gambar" border="0" width="147" height="31" align="left"></a>
Fungsinya sama dengan kode diatas namun dengan penambahan format peletakkan gambar yang mengandung link tersebut, pada kode diatas ditulis (align=”left”) berarti gambar tersebut akan terletak di kiri, anda bisa menggantinya dengan right=kanan, atau center=tengah.
<a href="Link Tujuan" title="Isi dari komentar"><img src="alamat gambar" border="0" width="147" height="31" align="left" alt="tulisan anda"></a>
Fungsi kode diatas apabila kita menyorot gambarnya maka akan muncul sebuah komentar mengenai keterangan dari link diatas
<a href="Link Tujuan"> <img border="0" src="alamat gambar" width="120" height="30" align="left" alt="tulisan anda"></a>
Fungsi kode diatas, kita boleh mengatur untuk tidak menampilkan gambar(image) dan semua gambar akan ditampilkan dengan teks alternative (alt), jika gambar tesebut tidak memiliki alternatif teks maka hanya akan dilambangkan dengan lambang x.
Jika ingin mencopy artikel ini ke Blog anda harap menyertakan alamat dari Blog ini..
http://www.fadlypuccino.co.cc/
Sunday, December 5, 2010
Subscribe to:
Post Comments (Atom)
Gue berhasil :))
ReplyDeletehttp;//anwar358.blogspot.com
@khairil: congrats gan..
ReplyDelete