Untuk posting selanjutnya akan diteruskan di web yang baru
Panduan / Tutorial HTML – Membuat tabel (table) dan setting attributes
August 15, 2008Tables
<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:
| header |
|---|
| isi |
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>
Panduan / Tutorial HTML – Text tag
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
Panduan / Tutorial HTML – Body attributes
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
Panduan / Tutorial HTML – Comment Tag
August 13, 2008Tag 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
Panduan / Tutorial HTML – Lanjutan pengenalan HTML
August 13, 2008Lanjutan 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)
Panduan / Tutorial HTML – Pengenalan HTML
August 13, 2008HTML (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).
Panduan / Tutorial PHP – Membuat form dan action dalam satu page
August 8, 2008dalam 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.
IT Untuk Bangsa
June 30, 2008Dua hari kemaren baru aja dilaksanakan acara seminar IT untuk bangsa yang diselenggarakan dalam rangka peringatan 100 tahun kebangkitan nasional.
Pembicara yang hadir:
1. Onno W Purbo
2. Abimanyu (Abah)
3. Petrus Golose (dari BARESKRIM POLRI)
moderator: riyogarta
satu pembicara yang tidak hadir yaitu ROY SURYO (sang ‘pakar’ IT kita, yang dengan hebatnya mengirim sms kepada panitia bahwa pakar tidak mau hadir karena tidak mau disandingkan dengan para pembicara lain yang dia sebut tidak capabel)
oh iy huhuy menyebutkan adanya sms tersebut karena memang melihat langsung (kebetulan huhuy juga pada acara tersebut sebagai panitia)
yang seru adalah bagaimana dalam seminar tersebut banyak muncul sentilan2 guyon tentang si pakar IT itu.
Acara dimulai dengan pak Onno sebagai pembicara pertama, kemudian dilanjutkan dengan Abimanyu. Hal lucu sempat terjadi dmn panitia yang kebingungan mencari pak Petrus dari BARESKRIM ternyata mendapati beliau sedang duduk di kursi yang disediakan untuk peserta, hehehe (beliau bilang dia kira nanti dipanggil karena dipikir memang ada urutannya untuk berbicara).
Pak Onno menjelaskan tentang definisi blogger, hacker, sedikit penjelasan tentang internet murah, dan voip rakyat
Kemudian Abimanyu yang sedikit bersebrangan dengan pak Onno karena masih menggunakan “jendela” menjelaskan tentang software2 yang dibuat oleh perusahaannya, dimana dia pun bertujuan untuk semakin memajukan bangsa ini dalam bidang IT dengan memberikan solusi sistem penjualan software agar tetap terjangkau namun bisa mendatangkan keuntungan (Pak Abimanyu juga sempat memberikan subangan software kepada kepolisian RI, salut deh. juga memberikan voucher diskon untuk para peserta).
huhuy sempat ketawa sedikit ketika pak Petrus akan mulai berbicara, karena beliau menyindir riyogarta yang juga malah memberikan jawaban atas pertanyaan dari peserta. beliau bilang “kalau ditugaskan sebagai moderator jangan ikut menjelaskan, hehehe”
sekian aja deh, ntar sambung lg. lg males nuliz soalnya nie..
Posted by huhuy
Posted by huhuy
Posted by huhuy