Pengenalan HTML
merupakan bahasa standar yang digunakan untuk menampilkan dokumen web.
Berikut beberapa fungsi html yaitu:
- Mengontrol tampilan web dan isinya.
- Mempublikasikan dokumen secara online, sehingga bisa diakses dari komputer mana saja yang terhubung dengan jaringan.
- Membuat online form yang bisa digunakan untuk menangani transaksi secara online.
Tag HTML
Command-command HTML disebut Tag. Tag digunakan untuk menentukan tampilan dari dokumen web. Tag HTML mempunyai struktur simetris.
Struktur dari Tag HTML adalah sebagai berikut:
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Contoh Menampilkan Kalimat "Selamat Datang".
<html>
<head>
<title>
Menampilkan kalimat Selamat Datang
</title>
</head>
<body>
Selamat Datang
</body>
</html>
Memformat Huruf :
<font face="verdana" size="2" color="BLUE"> HURUF </font>
Membuat Hyperlink:
<a href="www.google.com"> GOOGLE </a>
Menampilkan Gambar:
<img src="apache.gif" height="50" weight="50"></img>
Membuat Huruf Tebal,Pindah Baris,Garis :
<b></b>,<br>,<hr>
Membuat tabel
tr = baris
td = kolom
<table border="1">
<tr>
<td> </td>
<td> </td>
</tr>
<td> </td>
<td> </td>
<tr>
</tr>
</tabel>
Form HTML dan komponen
Form HTML digunakan untuk membuat satu user interface (tampilan) agar user dapat memasukkan data yang diinginkan. Kemudian data tersebut akan diproses oleh script PHP.
Berikut Contoh Buat Form HTML:
Tampilan (Text, Password & Checkbox)
Tampilan (Select List)
Menangkap Variabel dari form HTML
Perhatikan variabel dari tag di bawah ini :
//isi form
</form>
Penjelasannya:
- method="POST" adalah metode pengiriman variabel. ada satu metode lagi yang sering digunakan yaitu "GET" Perbedaannya adalah pada POST, variabel yang dikirim tidak akan ditampilkan ke URL, namun jika menggunakan GET maka variabel akan ditampilkan pada URL.
- action="proses.php" adalah nama file PHP yang akan memproses variabel yang dikirim oleh form.
- <Input type="text" name="nama"> adalah tag untuk membuat suatu input field dengan mode teks, dan nama variabel yang akan dikirimkan adalah "nama".
- <input type="submit" name="submit" value="KLIK"> adalah untuk membuat suatu tombol submit, nama variabelnya adalah "submit" dan Tombol ini memiliki teks "KLIK".
ketika tombol submit di klik maka variabel nama dan submit akan dikirimkan ke file proses.php untuk diproses lebih lanjut.
<?
echo "Hello".$nama?
?>
adalah File proses.php digunakan untuk menangkap variabel $nama. dan akan ditampilkan kalimat "hello".
My SQL
adalah Relational Database Management System (RDBMS) yang didistribusikan secara gratis di bawah lisensi GPL (General Public Lisensi). Di mana setiap orang bebas untuk menggunakan MySQL.
Apache
adalah software yang digunakan sebagai web server. dengan menginstal Apache pada komputer kita, maka komputer kita akan berfungsi sebagai web server.
Pemograman client-server menggunakan (PHP, my SQL dan Apache)
Memahami konsep client server, mari kita lihat gambar berikut:
- Client (User) mengunjungi suatu situs dengan mengetik URL (alamat situs)
- Dengan demikian berarti telah terjadi Request data ke web server.
- Web Server akan memproses halaman yang diinginkan oleh user (Halaman PHP).
- Data yang diinginkan dapat berupa data yang berada dalam sebuah Database, maupun file-file tertentu dalam Hardisk.
- Kemudian proses pengiriman Data (Response) ke Client (user).
Cara Upload ke server dan menampilkan file ke Browser
Cara mengupload file (PHP/HTML) ke server kita adalah dengan cara menyimpan file ke dalam folder C:\Program file\EasyPHP\www. Untuk menampilkan ke browser ketik alamat URL: http://localhost/Nama File Php/html atau http://127.0.0.1/Nama File Php/html Jika akan diakses dari komputer lain yang terhubung dengan jaringan maka dapat diketik IP Address dari komputer server. misalkan kita akan mengakses file dengan nama helloworld.php. maka kita ketik di browser : http://192.168.170.4/helloworld.php. Jika file helloworld.php kita letakkan dalam suatu folder di dalam www maka cara mengaksesnya : http://localhost/nama folder/helloworld.php.
Software dan Tools
Software yang kita gunakan adalah EasyPHP yang merupakan installer untuk software berikut ini:
1- PHP (Scripting)
2- MySQL (Database)
3- Apache (Web Server)
4- PhpMyAdmin (Manajemen MySQL)
Tools yang kita gunakan sebagai editor adalah PHP Designer, Visual Studio atau Sublime Text.
Komentar
Posting Komentar