HTML (HYPERTEXT MARKUP LANGUAGE)

(1)

http://latuamuryikhlas.mhs.narotama.ac.id 1 Hal yang harus dikuasai oleh seorang programmer adalah logika algoritma dan syntax pemrograman. Dalam satu bahasa pemrograman saja. Dijumpai begitu banyak syntax yang tentunya tidak mudah untuk dihapal semuanya. Apalagi bila harus mempelajari beberapa bahasa pemrograman sekaligus. Rasanya tidak mungkin bila mengahfal seluruh syntax yang ada.

Modul ini merupakan panduan mudah yang berisi perintah-perintah dasar pemrograman yang paling sering digunakan dalam pemrograman web menggunakan HTML, PHP dan juga bahasa SQL.

HTML

(

HYPERTEXT MARKUP LANGUAGE

)

1. Struktur Dasar

Berikut struktur dasar kode HTML:

<html>

<head>

<!-ini adalah bagian header-->

<title>Judul web</title>

</head>

<body>

<!-Tempat menuliskan kode-->

</body>

(2)

http://latuamuryikhlas.mhs.narotama.ac.id 2 2. <!-…-->

Digunakan untuk menuliskan komentar Contoh :

<html>

<body>

<!-Ini adalah komentar dan tidak akan tampil di browser-->

</body>

</html>

3. <a>

Mendefenisikan tag anchor. Digunakan untuk membuat Link ke dokumen lain menggunakan atribut href dan juga untuk membuat bookmark dokumen menggunakan atribut name.

Contoh <html> <body> <a href="http://narotama.ac.id">NAROTAMA</a> </body> </html> 4. <Abbr>

Digunakan untuk menampilkan informasi pada saat pointer mouse diletakan pada texs yang ditandai.

Contoh:

<html>

<body>

<abbr title="universitas narotama">UNNAR</abbr>

salah satu universitas swasta di Surabaya

(3)

http://latuamuryikhlas.mhs.narotama.ac.id 3

</html>

5. <address>

Digunakan untuk mendefenisikan informasi kontak pada halaman web. Biasanya digunakan sebagai signature pada halaman web.

Contoh: <html> <body> <address> Ikhlas Latuamury<br> <a href="mailto:xxxxx@latuamury.com"> Kirim Email</a><br> Alamat: Surabaya<br> Telpon:+6282131617271 </address> </body> </html> 6. <b>

Digunakan untuk mencetak tebal suatu texs Contoh: <html> <body> <b>Ikhlas Latuamury</b> </body> </html>

(4)

http://latuamuryikhlas.mhs.narotama.ac.id 4 7. <button>

Digunakan untuk mendefenisikan sebuah tombol. Contoh: <html> <body> <button type="submit">oooK</button> </body> </html> 8.<div>

Digunakan untuk mendefenisikan sebuah halaman web. Contoh:

<html>

<body>

<div syle="color:#FF000">

<h3>H3 atau yang dikenal dengan HEADING</h3>

<p>P atau yang dikenal dengan nama paragraf</p>

<div>

</body>

</html>

9. <font>

Digunakan untuk mendefenisikan huruf (jenis, warna, dan ukuran) Contoh:

<html>

(5)

<font size="3" color="green" face="algerian">Ikhlas Latuamury

</font>

</body>

</hrml>

10. <form>

Digunakan untuk mendefenisikan sebuah form masukan dari penggunak Contoh :

<form action="action.php" method="get">

Nama : <input type=text name=nama>

<br>

Email : <input type="text" name=email>

<br>

<input type="submit" value="simpan">

</form>

11. <hr>

Digunakan untuk mendefenisikan sebuah garis horizontal Contoh:

<html>

<body>

Ikhlas latuamury<hr>nyonk ambon

</body>

</html>

12. <select>

(6)

http://latuamuryikhlas.mhs.narotama.ac.id 6 Contoh :

<html>

<body>

<select>

<option value=”football”> fottbal </option>

<option value=”volly”> bolla volly </option>

<option value=”golf”> golf </option>

</select>

</body>

</html>

13. <table>

Digunakan untuk membuat table dalam halaman web Contoh: <html> <head> <title>TABLE</title> </head> <body> <table border=1> <tr> <th>NIM</th> <th>NAMA</th> <th>ALAMAT</th> <th>FAKULTAS</th> </tr> <tr> <td>xxxxx</td>

(7)

http://latuamuryikhlas.mhs.narotama.ac.id 7 <td>ikhlas latuamury</td> <td>ambon</td> <td>ilmu komputer</td> </tr> </table> </body> </html> 14. <textarea>

Digunakan untuk mendefenisikan multiline input Contoh:

<html>

<body>

<textarea row="3" colspan="35">

dasar-dasar html,php, sql

</textarea>

</body>

</html>

15. <u>

Digunakan untuk menambahkan garis bawah pada suatu teks Contoh:

<html>

<body>

<u>teks bergaris bawah</u>

</body>

(8)

http://latuamuryikhlas.mhs.narotama.ac.id 8 16. <ul>

Digunakan untuk membuat daftar yang tak berurut menggunakan symbol bullets. Contoh; <html> <body> <ul> <li>dasar-dasar HTML</li> <li>dasar-dasar PHP</li> <li>dasar-dasar SQL</li> </ul> </body> </html> 17. <frameset>

Digunakan untuk mempetakan satu halaman browser menjadi beberapa bagian yang terdiri dari frame.

Contoh: <html> <body> <frameset cols="25%,25%,25%,25%"> <frame src="halaman1.html"> <frame src="halaman2.html"> <frame src="halaman3.html"> <frame src="halaman4.html"> </frameset> </body> </html>

(9)

http://latuamuryikhlas.mhs.narotama.ac.id 9 18. <ol>

Digunakan untuk membuat daftar order Contoh: <html> <body> <ol> <li>HTML</li> <li>PHP<li> <li>SQL</li> </ol> </body> </html>

PHP

(HYPERTEXT PREPROCESSOR)

1. STRUKTUR DASAR Berikut struktur dasar kode php:

<?

……… ?>

Kode php bias digabung dengan html seperti pada contoh berikut:

<html>

<body>

<?

(10)

?>

</body>

</html>

2./*…*/

Mendefenisikan komentar. Teks yang berada dalam kode ini tidak akan diakses oleh webserver

Contoh:

<?php

/*ini adalah komentar*/

echo “hello world”;

?>

3. variable

Penulisan variable dalam PHP diawali dengan symbol $. Syntax dasar: $nama_variabel = value; Contoh : <?php $teks=”hello world”; $bil=10; ?> 4. if … else

Merupakan statemen kondisi yang digunakan untuk menentukan aksi yang akan digunakan pada kondisi tertentu. PHP memiliki 4 macam statemen tapi yang dibahas cuman 1 yaitu:

 If – digunakan untuk menjalankan kode kode berikutnya hanya jika kondisi

bernilai benar atau true. Syntax dasar

(11)

http://latuamuryikhlas.mhs.narotama.ac.id 11 if (kondisi) kode yang akan dieksekusi ketika kondisi bernilai benar;

Contoh :

<?

$d=date(“D”);

if ($d==”fri”)

echo “selamat wekend”;

?>

 If.. Else.. digunakan untuk menjalankan kode kode berikut jika kondisi bernilai benar atau true dan akan menjalankan kode kode lain jika kondisi bernialai salah false.

Syntax dasar:

if (kondisi) kode yang akan dieksekusi ketika kondisi bernilai benar; else

kode yang akan dieksekusi ketika kondisi bernilai salah; Contoh:

<?

$d=date(“D”);

if ($d==”fri”)

else

echo “hari yang menyenangkan”;

?>

 If…elseif…else.. digunakan untuk memilih salah satu dari beberapa blok

kode yang akan dijalankan. Syntax dasar:

if (kondisi) kode yang akan dieksekusi ketika kondisi bernilai benar;

elseif (kondisi) kode yang akan dijalankan ketika kondisi berikutnya bernilai benar;

(12)

http://latuamuryikhlas.mhs.narotama.ac.id 12 kode yang akan dieksekusi ketika kondisi bernilai salah;

Contoh:

<?

$d=date(“D”);

if ($d==”fri”)

elseif ($d==”Sun”)

echo “senin yang penuh semangat”;

else

echo “hari yang menyenangkan”;

?>

5. $_GET

Digunakan untuk mengumpulkan dan mengambil nilai yang dikirim melalui form dengan parameter method=”get”. Informasi yang akan dikirim menggunakan metode ini akan terlihat melalui addres browser dan jumlahnya terbatas (maksimum 100 karakter).

Contoh :

Pada form pengiriman:

<form action=”welcome.php” method=”get”>

Name: <input type=”text” name=”nama”>

Age: <input type=”text” name=”umur”>

<input type=”submit”>

</form>

Pada file penerima:

Selamat datang <?php echo $_GET [“nama”]; ?>.<br/>

(13)

6. include() dan require()

Keduanya digunakan untuk menyisipkan dokumen PHP lain ke dalam dokumen yang sedang dibuat. Perbedaan dari kedua fungsi tersebut adalah saat menangani sebuah kesalahan (error).

 Include() akan menghasilkan pesan kesalahan, tetapi kode-kode

berikutnya akan tetap dijalankan. Contoh:

<?php

include (“latihan2.php”);

echo “Hello world”;

?>

 Require() akan menghasilkan peringatan kesalahan (fatal error) dan proses

akan berhenti. Contoh:

<?php

require (“latihan2.php”);

echo “Hello world”;

?>

Catatan :

1. Setiap penulisan syntax PHP haru di akhiri dengan tanda titik koma (;) 2. Harus bisa membedakan type data, tanda (“”) untuk type data string

contohnya echo “hello word”; dan kalau type data integer tanpa menggunakan tanda petik.

(14)

http://latuamuryikhlas.mhs.narotama.ac.id 14 Biografi Penulis

Ikhlas Latuamury. Atau yang sering di panggil HAZ Alumni SMAN I PELAUW (kecamatan pulau haruku) pertama mengenal komputer pada saat kuliah. Lambat laun akhirnya secara perlahan mulai beranjak. Walaupun belum begitu mahir. Samapai sekarang masih menekuni dunia pemrograman dengan menggunakan bahasa pemrograman php, java dan sql.