August 15, 2008
Tables
<table></table> membuat table
<tr></tr> set row pada tiap table
<td></td> set cell pada tiap row
<th></th> set table header
contoh:
<table width=”200″ border=”1″>
<tr>
<th>header</th>
</tr>
<tr>
<td>isi</td>
</tr>
</table>
akan menghasilkan:
Table Attributes
<table border=”0″> set ukuran border
<table cellspacing=”1″> set ukuran spasi antar table cell
<table cellpadding=”1″> set spasi antara cell’s border dengan konten
<table width=”750″> set panjang table, (pixel / percentage)
<tr align=”left”> / <td align=”left”> (left, center, or right)
<tr valign=”top”> / <td valign=”top”> (top, middle, or bottom)
<td colspan=”1″> (default=1)
<td rowspan=”2″> (default=1)
<td nowrap>
1 Comment | 
panduan / tutorial html | Tagged: belajar website, html, panduan / tutorial | 
Permalink
Posted by huhuy
August 15, 2008
<pre></pre> membuat preformatted text .
contoh:
huhuy
<h1></h1> membuat headline ukuran terbesar
<h6></h6> membuat headline terkecil .
contoh:
huhuy
<b></b> membuat text bold .
contoh: huhuy
<i></i> membuat text italic .
contoh: huhuy
<tt></tt> membuat teletype .
contoh: huhuy
<cite></cite> membuat citation, mirip italic .
contoh: huhuy
<em></em> Emphasizes sebuah kata dengan italic atau bold .
contoh: huhuy
<strong></strong> Emphasizes sebuah kata dengan italic atau bold .
contoh: huhuy
<font size=”5″></font> mengatur besar huruf, dari 1 – 7 .
contoh: huhuy
<font color=”yellow”></font> set warna font .
contoh: huhuy
Leave a Comment » | 
panduan / tutorial html | Tagged: belajar website, html, panduan / tutorial | 
Permalink
Posted by huhuy
August 15, 2008
<body bgcolor=”#cccccc”> untuk set warna background
<body text=”black”> untuk set warna text
<body link=”white”> untuk set warna link
<body vlink=”#fccdda”> untuk set warna followed link
<body alink=”#000000″> untuk set warna link yang ditekan
<body ondragstart=”return false” onselectstart=”return false”> agar text tidak bisa di select dan drag. bisa untuk menghindari copy paste
Leave a Comment » | 
panduan / tutorial html | Tagged: belajar website, html, panduan / tutorial | 
Permalink
Posted by huhuy
August 13, 2008
Tag html untuk menuliskan komen, atau bisa juga diartikan “abaikan baris ini”
diawalai dengan <!– kemudian komentar dan ditutup dengan –>
contoh
<!– Tanggal dibuat: 14-08-2008 –>
<!– Dibuat Oleh: huhuy –>
keterangan: tulisan tersebut tidak akan ditampilkan dibrowser namun bisa dilihat pada source code dari script yang kita buat
Leave a Comment » | panduan / tutorial html | Tagged: belajar website, html, panduan / tutorial | Permalink
Posted by huhuy
August 13, 2008
Lanjutan dari pengenalan HTML
Tag HTML lainnya yang akan dibahas yaitu
<b></b> = untuk membuat text bold
<i></i> = untuk membuat text italic
<p></p> = untuk membuat paragraf
<br /> = untuk membuat text berikutnya pada line baru (menggunakan slash agar sesuai dengan standar XHTML)
tulis code / script berikut
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
<b>huhuy, saya bisa bikin html!!</b>
<br />
<i>huhuy, saya bisa bikin html!!</i>
<br />
<p align=”right”>huhuy, saya bisa bikin html!!</p>
</body>
</html>
maka pada web browser akan tampil seperti berikut ini
————————————————————-
huhuy, saya bisa bikin html!!
huhuy, saya bisa bikin html!!
huhuy, saya bisa bikin html!!
————————————————————-
ket
pada <p> ada atribut align yang artinya menjelaskan bagaimana paragraf akan ditampilkan (left, right, justify)
Leave a Comment » | panduan / tutorial html | Tagged: belajar website, html, panduan / tutorial | Permalink
Posted by huhuy
August 13, 2008
HTML (HyperText Markup Language) adalah cara untuk menampilkan text pada browser
script html diawali dengan tag <html> dan diakhiri dengan </html>
dimana tanda slash (/) pada tag kedua adalah sebagai penutup
contoh script html
untuk membuat file html bisa dengan text editor ( notepad pada windows, SimpleText pada mac) atau bisa juga dengan aplikasi web design / web development seperti dreamweaver (windows) ato quanta (linux)
tulis script berikut ini
<html>
<head>
<title>Judul Halaman</title>
</head>
<body>
huhuy, saya bisa bikin html!!
</body>
</html>
save dengan nama, contoh: test.html
buka web browser (mozzila, ie, dll) dan open file yang di save tadi, maka pada browser anda akan ditampilkan text “huhuy, saya bisa bikin html!!” tanpa tanda petik
ket:
<html></html> = untuk menampilkan script sebagai html
bagian yang terletak antara <head> dan </head> tidak ditampilkan pada web browser, dimana yang terletak dibagian itu ditujukan untuk search engine dan web browser.
<title></title> = sangatlah penting dan menunjukan isi dari halaman tersebut
<head></head> = Header.
ini adalah dimana meta tags ditaruh dan disambungkan dengan link lainnya (scripts and CSS)
<body></body> = body / isi dari suatu halaman (text, grafik serta elemen lainnya).
3 Comments | panduan / tutorial html | Tagged: belajar website, html, panduan / tutorial | Permalink
Posted by huhuy
August 8, 2008
dalam membuat suatu form yang biasa akan mempunyai dua page, misalkan form.html dan act_form.php . dalam tutorial php ini akan dibahas cara membuat form dan action nya dalam satu halaman script.
Read the rest of this entry »
2 Comments | panduan / tutorial php | Tagged: belajar website, panduan / tutorial, php | Permalink
Posted by huhuy
