»HTML (Hyper Text
Markup Language) adalah sebuah
bahasa markup yang
digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi
di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya
banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML
(Standard
Generalized Markup Language), HTML adalah sebuah standar yang
digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan
standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World
Wide Web Consortium (W3C).
Contoh struktur penulisan Html
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Setiap ada tag pembuka maka harus ada tag penutup yang ditandai dengan tanda
"/". Contoh :<title></title>, <body> </body>,<html></html>.
Antara tag <title> </title> digunakan untuk menulis judul halaman
web yang bersangkutan. Contohnya adalah tulisan "ahmadamirudin.jw.lt"
yang ada pada pojok kiri atas halaman ini maka penulisannya menjadi :
<html>
<head>
<title>ahmadamirudin.jw.lt
</title>
</head>
<body>
</body>
</html>
Sedangkan antara tag <body> </body> digunakan untuk mengisi apa
yang akan ditampilkan pada halaman anda, bisa berupa tulisan, gambar, link dan
sebagainya.
Adapun beberapa tambahan yang dapat ditambahkan pada tag <body> adalah
sebagai berikut:
- Meberikan
warna background pada halaman web :
<body
bgcolor="blue">
Atau dapat juga menggunakan kode
warna Hexa (RGB /red-green-blue) yang terdiri dari 6 karakter yang terdiri dari
gabungan angka dan huruf, dan penulisannya juga harus diawalai dengan tanda
"#"(pagar). 2 karakter pertama mewakili warna merah yang dimulai dari
paling rendah 00 sampai paling tinggi ff, atau bisa juga kombinasi huruf dan
angka tadi. Begitu juga 2 karakter berikutnya mewakili warna hijau dan 2
karakter berikutnya mewakili warna biru.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000,
abu-abu #d3d3d3 dan lain lain sesuai dengan keinginan anda.
- Memberikan
background gambar
<body
background="gambar.jpg">
Penulisan format gambar juga harus
disertakan seperti *.jpg, *.gif, *.bmp dan lain-lain
Jika ingin menginginkan warrna background transparan maka ditulis dengan
<body bgcolor="transparent">
<body
text="#000000">
<body
leftmargin="20" topmargin="20">
·
<body
link="#ff0000"vlink="#00ff00"
alink="#0000ff">
Dan jika semuanya ditulis bersamaan maka menjadi :
<body
bgcolor="blue"text="#000000"
leftmargin="20" topmargin="20"
link="#ff0000"vlink="#00ff00"alink="#0000ff">
PHP merupakan script yang menyatu dengan HTML dan
berada pada server (server side HTML embedded scripting). Dengan PHP ini Anda
dapat membuat beragam aplikasi berbasis web, mulai dari halaman web yang
sederhana sampai aplikasi komplek yang membutuhkan koneksi ke database.
Contoh Struktur Penulisan PHP
Dalam pembuatan
file PHP sama dengan cara pembuatan file HTML, kita bisa menuliskan script PHP
di text editor seperti notepad dan lain-lain. Untuk menulis script/baris kode PHP
kita harus mengapit setiap baris kode tersebut dengan tag "<?php"
sebagai awal dan tag ?> sebagai akhir dari script PHP. Jika kita mengetikan
kode di luar tag tersebut tidak akan dianggap sebagai sebagai script PHP oleh
PHP engine, melainkan akan dianggap sebagai kode HTML. Biasanya di dalam sebuah
file PHP mengandung tag HTML dan baris kode PHP. Berikut contoh pembuatan file
PHP:
<html>
<head>
<title>Belajar
PHP</title>
</head>
<body>
<h1>Halaman
Pertama PHP</h1>
<?php
echo "Lagi
semangat belajar PHP";
?>
</body>
</html>
Tulis syntax di
atas menggunakan text editor kesukaan anda misalnya Notepad pada Windows atau
Gedit pada Ubuntu. Kemudian simpan dengan nama yang anda sukai namun harus
berakhiran ".php" dikarenakan default file PHP berakhiran "*.php",
misalkan "belajar.php" tanpa tanda kutip.
Keterangan:
- Baris kode PHP harus selalu
diakhiri dengan tanda titik-koma ";" sebagai akhir dari baris
script PHP, seperti contoh di atas yaitu (echo "Lagi semangat
belajar PHP";).
- Echo pada contoh script di atas digunakan untuk menampilkan
output berupa text di browser.
- Cara menjalankan/mengeksekusi
file PHP yaitu buka browser ketik URL localhost/nama_file_PHP_anda. Jika
pada contoh gambar diatas URL yaitu localhost/belajar.php.
Setiap
file PHP harus di simpan di dalam folder htdocs yang berada pada tempat kita
menginstall webserver, misalkan pada contoh di tulisan sebelumnya tentang
"Install XAMPP pada Windows" kita
menginstall XAMPP pada direktori/drive C:
lalu masuk ke folder XAMPP dan htdocs.
Untuk membuat
komentar(baris kode yang tidak akan dieksekusi oleh server) pada file PHP bisa
menggunkan 2 cara yaitu menggunakan tanda garis miring 2 buah "//"
atau dengan menggunakan tanda "/*" sebagai awal komentar dan
"*/" sebagai akhir komentar. Berikut contoh script untuk membuat komentar
pada file PHP.
<html>
<head>
<title>Komentar
PHP</title>
</head>
<body>
<h1>Halaman
Pertama PHP</h1>
<?php
//Tulis
Komentar di sini untuk satu baris komentar
echo "Lagi
semangat belajar PHP";
/*
Tulis Komentar
di sini
untuk membuat
beberapa baris komentar
*/
?>
</body>
</html>
Apabila script di atas
dijalankan/dieksekusi maka kalimat yang berada di sebelah kanan tanda
"//" dan diantara tanda "/*" dan "*/" tidak akan
dieksekusi oleh server.
* Berikut ini adalah tabel tag-tag HTML dan fungsinya:
Tag Utama
Tag
|
Atribut
|
Deskripsi
|
<html></html> |
|
Baris paling atas dari setiap file HTML |
<head></head> |
|
Informasi umum dari sebuah halaman web |
<title></title> |
|
Judul halaman. Terdapat pada head |
<body></body> |
Background, bgcolor, bgsound, font, link, alink, vlink, topmargin,
leftmargin, marginheight, marginwidth |
Settingan atribut untuk seluruh dokumen |
Modifikasi Teks
Tag
|
Deskripsi
|
Contoh
|
<b></b> |
Teks tebal |
Teks tebal |
<i> </i> |
Teks miring |
Teks miring |
<u> </u> |
Teks garis bawah |
Teks garis bawah |
<pre></pre> |
Preformatted teks |
Contoh teks |
<h1></h1> |
Header 1 |
Header 1
|
<h2></h2> |
Header 2 |
Header 2
|
<h3> </h3> |
Header 3 |
Header 3
|
<h4></h4> |
Header 4 |
Header 4
|
<h5></h5> |
Header 5 |
Header
5
|
<h6></h6> |
Header 6 |
Header
6
|
<sub></sub> |
Subscript |
Subscript |
<sup></sup> |
Superscript |
Superscript |
Font
Tag |
Atribut |
Deskripsi |
<font></font> |
Color, size, name |
Mengubah gaya suatu huruf |
Links
Tag
|
Atribut
|
Deskripsi
|
<a> </a> |
Href, target, style, class, name, id |
Membuat link ke dokumen atau situs lainnya |
Gambar
Tag |
Atribut |
Deskripsi |
<img> |
Src, alt, name, border, height, width |
Menampilkan sebuah gambar |
Formatting
Tag
|
Deskripsi
|
Contoh
|
<blockquote></blockquote> |
Digunakan untuk mengatur text dan gambar dalam suatu tag |
Contoh text in a block quote format ( “ “ ) |
<ol></ol> |
Ordered List (digunakan dengan <li>) |
1. Item 1 |
<ul></ul> |
Unordered List (digunakan dengan <li>) |
• Item 1 |
<li> |
Elemen List |
|
<dd></dd> |
Definition List |
|
<dt> |
Definition Term |
|
<dd> |
Definition Description |
|
<p></p> |
Paragraf |
|
<br> |
Ganti baris |
|
<hr> |
Garis horizonta |
|
<center></center> |
Menengahkan elemen |
|
Tabel
Tag
|
Deskripsi
|
Contoh
|
<table></table> |
Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor,
background, align, valign |
Mengatur semua elemen table |
<tr></tr> |
Height, bgcolor, background, align, valign, title |
Membuat baris baru |
<td></td> |
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
|
Membuat kolom |
<th></th> |
Height, width, bgcolor, background, align, valign, title, colspan, rowspan
|
Header(kepala tabel). Otomatis ke tengah dan tebal |
<tbody></tbody> |
Height, width, align, valign, bgcolor, background |
Format yang berlaku bagi cell yang diapit tag |
<colgroup></colgroup> |
Height, width, align, valign, bgcolor, background, colspan |
Format yang berlaku bagi kolom |
Form
Tag
|
Deskripsi
|
Contoh
|
<form></form> |
Method, action, name, enctype |
Mengatur elemen dari form |
<input type=> |
Text, password, hidden, radio, checkbox, submit, image, reset |
Variasi dari tipe elemen input dalam form |
<select></select> |
Name, size |
Membuat combo-box. Digunakan bersama dengan option |
<option> |
Selected, name, value |
|
<textarea></textarea> |
Name, rows, cols, wrap |
Membuat Text Area untuk input text dengan length yang lebih besar dari
input text. |
wrap |
Off
virtual
physical |
no wrap
word wrap, sent as one line
word wrap, sent with breaks |
-Mysql _query adalah fungsi
yang digunakan untuk mengirim wuery ke database mysql
-mysql_fetch_array() adalah salah satu fungsi dalam pemrograman web PHP yang digunakan
untuk mengambil record / informasi dari suatu recordset /
tabel dan mengembalikannya sebagai associative array dan/atau numeric
array.
-mysql connect adalah fungsi yang digunakan
untuk menghubungkan ke server MySQL. Fungsi ini merupakan fungsi awal yang akan
dijalankan sebelum melakukan fungsi-fungsi lain. Selain mysql_connect()
terdapat juga fungsi penghubung ke server mysql lain
-mysql_select_db Fungsi
ini digunakan untuk memilih nama database yang akan diakses dengan script php.