Website Pindah
Untuk posting selanjutnya akan diteruskan di web yang baru
Membuat Tabel dan Seting Atribut
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:
| 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>
Mengenal Text Tag Pada HTML
<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
Tutorial HTML Mengenai Body attributes
<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
Berkenalan Dengan Comment Tag HTML
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
Lanjutan pengenalan HTML
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)
Pengenalan HTML
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).
Membuat form dan action dalam satu page PHP
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.
PHP Syntax
Syntax PHP adalah hasil pengembangan dari banyak bahasa pemrogramman. Dengan bahasa C yang mendominasi pembuatannya, tetapi Perl juga memberikan banyak pengaruh dalam penyusunan syntax PHP. Dan juga penambahan beberapa syntax yang mirip Java untuk mendukung Object oriented programming.
Dibandungkan dengan banyak bahasa pemrogramman lainnya, syntax PHP termasuk simpel dan mudah untuk dipahami
