HTML (HYPERTEXT MARKUP LANGUAGE)

Ukuran: px

Mulai penontonan dengan halaman:

Download "HTML (HYPERTEXT MARKUP LANGUAGE)"

Inge Santoso
7 tahun lalu
Tontonan:

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: <head> <!-ini adalah bagian header--> <title>judul web</title> </head> <!-Tempat menuliskan kode--> 1

2 2. <!- --> Digunakan untuk menuliskan komentar Contoh : 3. <a> <!-Ini adalah komentar dan tidak akan tampil di browser--> Mendefenisikan tag anchor. Digunakan untuk membuat Link ke dokumen lain menggunakan atribut href dan juga untuk membuat bookmark dokumen menggunakan atribut name. Contoh <a href=" 4. <Abbr> Digunakan untuk menampilkan informasi pada saat pointer mouse diletakan pada texs yang ditandai. <abbr title="universitas narotama">unnar</abbr> salah satu universitas swasta di Surabaya 2

3 5. <address> Digunakan untuk mendefenisikan informasi kontak pada halaman web. Biasanya digunakan sebagai signature pada halaman web. 6. <b> <address> </address> Ikhlas Latuamury<br> <a Kirim </a><br> Alamat: Surabaya<br> Telpon: Digunakan untuk mencetak tebal suatu texs <b>ikhlas Latuamury</b> 3

4 7. <button> Digunakan untuk mendefenisikan sebuah tombol. <button type="submit">oook</button> 8.<div> Digunakan untuk mendefenisikan sebuah halaman web. <div syle="color:#ff000"> <h3>h3 atau yang dikenal dengan HEADING</h3> <p>p atau yang dikenal dengan nama paragraf</p> <div> 9. <font> Digunakan untuk mendefenisikan huruf (jenis, warna, dan ukuran) 4

5 <font size="3" color="green" face="algerian">ikhlas Latuamury </font> </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> <input type="text" name= > <br> <input type="submit" value="simpan"> </form> 11. <hr> Digunakan untuk mendefenisikan sebuah garis horizontal Ikhlas latuamury<hr>nyonk ambon 12. <select> Digunakan untuk mendefenisikan daftar pilihan 5

6 Contoh : <select> <option value= football > fottbal </option> <option value= volly > bolla volly </option> <option value= golf > golf </option> </select> 13. <table> Digunakan untuk membuat table dalam halaman web <head> <title>table</title> </head> <table border=1> <tr> <th>nim</th> <th>nama</th> <th>alamat</th> <th>fakultas</th> </tr> <tr> <td>xxxxx</td> 6

7 <td>ikhlas latuamury</td> <td>ambon</td> <td>ilmu komputer</td> </tr> </table> 14. <textarea> Digunakan untuk mendefenisikan multiline input <textarea row="3" colspan="35"> dasar-dasar html,php, sql </textarea> 15. <u> Digunakan untuk menambahkan garis bawah pada suatu teks <u>teks bergaris bawah</u> 7

8 16. <ul> Digunakan untuk membuat daftar yang tak berurut menggunakan symbol bullets. Contoh; <ul> <li>dasar-dasar HTML</li> <li>dasar-dasar PHP</li> <li>dasar-dasar SQL</li> </ul> 17. <frameset> Digunakan untuk mempetakan satu halaman browser menjadi beberapa bagian yang terdiri dari frame. <frameset cols="25%,25%,25%,25%"> <frame src="halaman1.html"> <frame src="halaman2.html"> <frame src="halaman3.html"> <frame src="halaman4.html"> </frameset> 8

9 18. <ol> Digunakan untuk membuat daftar order <ol> <li>html</li> <li>php<li> <li>sql</li> </ol> PHP (HYPERTEXT PREPROCESSOR) 1. STRUKTUR DASAR Berikut struktur dasar kode php: <? Kode php bias digabung dengan html seperti pada contoh berikut: <? echo hello world ; 9

10 2. /* */ Mendefenisikan komentar. Teks yang berada dalam kode ini tidak akan diakses oleh webserver <?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 10

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; <? $d=date( D ); if ($d== fri ) echo selamat wekend ; 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; else 11

12 kode yang akan dieksekusi ketika kondisi bernilai salah; <? $d=date( D ); if ($d== fri ) echo selamat wekend ; 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/> Usia Anda <?php echo $_GET[ umur ]; tahun 12

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. <?php include ( latihan2.php ); echo Hello world ; Require() akan menghasilkan peringatan kesalahan (fatal error) dan proses akan berhenti. <?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. NEXT 13

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. 14

dokumen-dokumen yang mirip

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat ) MEMBUAT WEBSITE DENGAN HTML Dibuat oleh : Dea Arri Rajasa, SE., S.Kom HTML (Hyper Text Markup Language) STRUKTUR HTML Judul Website ditulis disini Kode kode HTML