HTML (HYPERTEXT MARKUP LANGUAGE)

dokumen-dokumen yang mirip
Tampilan di website (Tidak Tampil karena hanya memberi informasi bagi pembuat )

Syntax HTML. Biasanya digunakan untuk menulis komentar, tidak akan timbul dihalaman web.

MODUL 3 HTML. (HyperText Mark-Up Language) Sub : Tabel & Form

Pemrograman Web I (HTML Lanjut) Oleh: Devie Rosa Anamisa

MODUL III MEMBUAT FORM DAN HALAMAN WEB DENGAN FRAME

Pengenalan Script. Definisi HTML

HTML (HyperText Markup Language)

Tag dasar yang akan kita gunakan untuk membuat form di HTML adalah tag form, input, textarea, select dan option.

Atribut ACTION tempat menspesifikasikan URL yang akan digunakan sebagai pemroses field input form.

[FORM AND FRAME] PEMROGRAMAN WEB MODUL [ O L E H : Y U N I T A P R A S T Y N I N G S I H, S. K O M ]

A. Tujuan B. Dasar Teori 1. Pemrosesan Form 2. Konsep Penggunaan Tag <form> pada HTML

Pertemuan IV. Semester 1

KURSUS ONLINE JASA WEBMASTERS

PHP (HYPERTEXT PREPROCESSOR)

Web Programming (WP) Step 2 [ HTML & PHP BASIC]

Perancangan & Pemprograman WEB. Pertemuan 4 Materi Formulir &Latihan HTML

BAB 5 MEMAHAMI METHOD GET DAN POST PADA PHP

Soal Remedial Prakarya-1

Pemrograman Web Week 2. Team Teaching

1. #**# merupakan karakter yang terdapat pada type data a. text b. password c. radio d. submit e. file jawaban : b

Pengenalan Perancangan Web 2017

Pemrograman Basis Data Berbasis Web

MODUL 1 PENGENALAN HTML

PERTEMUAN 2 PEMROGRAMAN WEB LANJUT- Pokok Bahasan :

Bab 5 FORM. A. Maksud Dan Tujuan 1. Maksud

BAB I PERKENALAN HTML

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

P - 6 Bab 4 : HTML (Hypertext Markup Language)

PEMROGRAMAN WEB 1 (PART 2) Berbagai macam Tag HTML. Rio Andriyat Krisdiawan, M.Kom

Pemrograman Web DASAR HTML 2

BAB I PERKENALAN HTML

Form identik dengan formulir

BAB 1 PENGENALAN HTML

Pemrograman Web. HTML Lanjut. Indrato, S.Kom List. Ordered Lists (OL) Ordered List (OL) Ordered List (OL) PemrogramanWeb.

Desain Web. MODUL 2 Desain Form

BAB-12 MEMBUAT FORM HTML

: MODUL 1 BASIC PHP

Panduan Web Desain Menggunakan Editor Macromedia Dreamweaver 8

MODUL TIK - HTML II KELAS XI SEMESTER I

MODUL 2 HTML LANJUT. (Tabel, Form, dan Frame) Mampu menjelaskan table, frame, form, image, hyperlink pada HTML Lanjut dan membuat aplikasinya

HTML FORM. Praktikum III

Pemrograman Web PRAKTIKUM 1 PENGANTAR

Bagian 2: Holodeck di USS Enterprise NCC- 1701D

Ikbal jamaludin

Menangani Input dari User

HTML. ( HyperText Markup Language) Pertemuan 2 Oleh : Nufan Balafif. Mata Kuliah : Pemrograman Berbasis Web

Kapita Selekta (KBKI82127, 2 sks) Materi : Penanganan Form

Form Input HTML dan Frame. Siti Maesyaroh. M.Kom.

Pemrograman Basis Data Berbasis Web

STMIK DIKTAT SINGKAT MACROMEDIA DREAMWEAVER 8 SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER TASIKMALAYA.

HTML (HYPERTEXT MARKUP LANGUAGE)

BAB II PHP - SINTAKS. Menyimpan File PHP. Dasar-dasar Pemrograman PHP. Kode-kode PHP dituliskan di antara tanda berikut ini: <?php ... atau ...

Prak. E-Bussiness & E-Commerce HTML. (HyperText Markup Language) RAHMADY LIYANTANTO liyantanto.wordpress.com

FORMAT TEXT. Tag Attribut Value Keterangan. RGB(red,green,blue) Kode Warna. Memberikan warna terhadap background web mengatur posisi text rata kiri

PHP mendukung komentar yang digunakan pada C, C++ dan Shell Unix. Sebagai contoh:

RIO ANDRIYAT KRISDIAWAN, M.KOM

Perancangan & Pemprograman WEB

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

Sintak-Sintak Dalam PHP

Pemrograman Basis Data Berbasis Web

MODUL IX FORM. 9.1 Pendahuluan

4. Type yang berfungsi untuk menerima masukan berupa teks dari pengguna adalah A. Checkbox B. Submit C. File D. Text E. Button

MODUL 4 PHP PART 1 (PENGENALAN PHP + VARIABEL)

HTML. Hypertext Markup Language. Pemrograman Web 1. Genap

Form Mampu membuat form dan dan mengirim data ke halaman lain Pengaturan Validasi dan keamanan form. Sesi 5

PHP Penanganan Form. Overview. 15-Jan Jenis-jenis Form Form Validation. Tag <FORM> Atribut ACTION Atribut METHOD SUBMIT BUTTON

BAB I PENDAHULUAN LATAR BELAKANG CONTOH KASUS. Diktat Mata Kuliah Aplikasi Teknologi Online Oleh : Andri Heryandi

STRUKTUR DASAR PHP ASUMSI 02/10/2014

MODUL 7 JavaScript pada Form HTML

P - 11 Bab 8 : PHP & HTML (Manipulasi Form)

Conditional PRAKTIKUM PHP Conditional, Array & Perulangan di PHP

Tujuan: Siswa dapat membuat list item dan form untuk diterapkan dalam pembuatan halaman web

MODUL 3 DASAR-DASAR PHP

STRUKTUR DASAR PHP. Struktur PHP diawali dengan <?php dan ditutup dengan?> Contoh sederhana pemakaian bahasa PHP yang disisipkan dalam halaman HTML.

Mahasiswa memahami Pengertian, fungsi, aplikasi untuk menjalankan JavaScript, cara menjalankan kode, cara memasukkan kode JavaScript ke dalam HTML

PEMROGRAMAN WEB. 1 P a g e

SUSUNAN DASAR HTML, JAVASCRIPT DAN VBSCRIPT

MODUL PEMOGRAMAN WEB II STMIK IM BANDUNG MODUL PEMOGRAMAN WEB II. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id

Pemrograman PHP Lanjut. Ahmad Zainudin, S.ST Pemrograman Internet

MODUL 1 HTML. (HyperText Mark-Up Language)

Bab 1. HTML (Hypertext Markup Language) A. World Wide Web

Chapter 2. Tipe Data dan Variabel

Pemrograman Web I (HTML) Oleh: Devie Rosa Anamisa

Pertemuan 2. Muhadi Hariyanto

Mengelola isi halaman web. Memeriksa informasi untuk relevansi dan currency

Dasar PHP. Wiratmoko Yuwono

Formulir. Menyisipkan / membuat formulir, lakukan salah satu cara berikut : Insert Forms Insert Bar, pilih kategori Forms

MODUL 3 INTERNET PROGRAMMING : PHP 3

Muhammad Zen Samsono Hadi, ST. MSc.

MODUL 1 PHP. (Variabel, Tipe Data, Operator)

C. Ms Powerpoint D. Notepad E. Ms Acces

Pertemuan 07 Struktur Dasar PHP

PHP (1) Topik. Intro. Pemrograman Internet. Sekilas tentang PHP 06/11/2012

Pertemuan 4 Penanganan Form

Pemrograman Web. Javascript. Indrato, S.Kom Introduction. Penyisipan JS dalam HTML. PemrogramanWeb.2009

Dengan asumsi bahwa aplikasi masih menggunakan cookie, maka query untuk membuka profil adalah seperti berikut:

OPERATOR DALAM SCRIPT PHP

PHP Programing. M.M. Ubaidillah. Dasar-dasar PHP. merupakan bahasa pemrograman berbasis web yang memiliki kemampuan untuk memproses data dinamis.

Web Programming. Pengenalan PHP

Pemrograman Web Week 5. Team Teaching

Transkripsi:

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--> http://latuamuryikhlas.mhs.narotama.ac.id 1

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="http://narotama.ac.id">narotama</a> 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 http://latuamuryikhlas.mhs.narotama.ac.id 2

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 href="mailto:xxxxx@latuamury.com"> Kirim Email</a><br> Alamat: Surabaya<br> Telpon:+6282131617271 Digunakan untuk mencetak tebal suatu texs <b>ikhlas Latuamury</b> http://latuamuryikhlas.mhs.narotama.ac.id 3

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) http://latuamuryikhlas.mhs.narotama.ac.id 4

<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> Email : <input type="text" name=email> <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 http://latuamuryikhlas.mhs.narotama.ac.id 5

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> http://latuamuryikhlas.mhs.narotama.ac.id 6

<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> http://latuamuryikhlas.mhs.narotama.ac.id 7

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> http://latuamuryikhlas.mhs.narotama.ac.id 8

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 ; http://latuamuryikhlas.mhs.narotama.ac.id 9

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 http://latuamuryikhlas.mhs.narotama.ac.id 10

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 http://latuamuryikhlas.mhs.narotama.ac.id 11

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 http://latuamuryikhlas.mhs.narotama.ac.id 12

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 http://latuamuryikhlas.mhs.narotama.ac.id 13

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. http://latuamuryikhlas.mhs.narotama.ac.id 14