html - wayanagusaditya.files.wordpress.com  · web viewhtml, css, javascript, php dan mysql title:...

33
HTML, CSS, JavaScript, PHP dan MySQL MODUL PEMROGRAMAN WEB

Upload: dangthu

Post on 14-Feb-2019

224 views

Category:

Documents


0 download

TRANSCRIPT

Page 1: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

MODUL PEMROGRAMAN WEB

Page 2: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

DAFTAR ISI

HTML (HYPERTEXT MARKUP LANGUAGE)

1. ELEMEN DASAR HTML 12. <BR> 13. <P></P> 14. <HR> 25. <FONT></FONT> 36. <H1></H1> …. <H6></H6> 57. <B></B> atau <STRONG></STRONG> 68. <I></I> atau <EM></EM> 69. <U></U> 710. <IMG> 711. <TABLE></TABLE> 812. <A></A> 913. <DIV></DIV> 1114. <SPAN></SPAN> 1215. <OL></OL> 1316. <UL></UL> 1317. <FRAMESET></FRAMESET> 1418. <FORM></FORM> 1519. ELEMENT PADA FORM 16

Page 3: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

BAB IHTML (HYPERTEXT MARKUP

LANGUAGE)

1. ELEMEN DASAR HTML

2. <BR>Untuk membuat baris baru gunakan <br>, spasi lebih dari satu akan diabaikan.

Contoh:

3. <P></P>Digunakan untuk membuat paragraf, jika tanpa tag penutup hasilnya seperti menggunakan 2 kali <br>

Atribut: align

Page 4: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Contoh:

4. <HR>Horizontal Line (Garis horizontal)

Atribut: Width Align

Contoh:

Page 5: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

5. <FONT></FONT>

Tag ini dapat digunakan untuk mengatur ukuran, warna dan jenis huruf

Atribut: Size Color Face

Contoh:

Page 6: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL 3

Page 7: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Page 8: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

6. <H1></H1> …. <H6></H6>Untuk membuat heading yang memberikan baris baru

Contoh:

Page 9: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

7. <B></B> atau <STRONG></STRONG>Membuat huruf tebal.

Contoh:

8. <I></I> atau <EM></EM>Membuat huruf miring

Contoh:

Page 10: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

9. <U></U>Membuat huruf dengan garis bawah

Contoh:

10. <IMG>Menampilkan gambar

Atribut: src (letak file gambar) align (perataan gambar) width (lebar gambar dlm persen atau pixel) height (tinggi gambar dlm persen atau pixel) alt (keterangan gambar)

Page 11: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Contoh:

11. <TABLE></TABLE>

Membuat table

Atribut pada <table></table> border align (perataan table) width height bgcolor

Atribut pada <tr></tr> align bgcolor width height

Atribut pada <td></td> align bgcolor width height

Contoh:

Page 12: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

12. <A></A>Untuk membuat link

Atribut: href name

Contoh:

Page 13: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Contoh Anchor:

Page 14: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

1. Klik link Ke atas 2. Maka akan tampil bagian atas

13. <DIV></DIV>Membuat blok paragraph dengan baris baru pada akhir paragraf (pengganti<p>, digunakan pada css)

Atribut: align (perataan paragraf) nilai left, right, center, justify

Contoh:

Page 15: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

14. <SPAN></SPAN>Digunakan pada css untuk memberikan format pada teks yang diblok, tanpa membuat baris baru

Contoh:

Page 16: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

15. <OL></OL>Order list (biasa dikenal dengan numbering)

Atribut: Type (jenis numbering), nilai: 1, A, a, I, i

Contoh

16. <UL></UL>Unorder List, biasa kita kenal dengan Bullet

Atribut: type (jenis bullet), nilai: disc, square, circle

Page 17: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Contoh:

17. <FRAMESET></FRAMESET>Membagi satu halaman web menjadi beberapa halaman, halaman yang dibagi masih bisa dibagi lagi.

Contoh:- buat file dengan nama framset.html

Page 18: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

- buat file dengan nama halaman1.html

- buat file dengan nama halaman2.html

jalankan framset.html

18. <FORM></FORM>Digunakan sebagai blok dari elemen-elemen form seperti text,texarea.

Atribut:- name (nama form)- action (file tujuan dimana form dikirim, digunakan pada server side)- method (metode pengiriman, digunakan pada server side) nilai

Page 19: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL post, get

15

Page 20: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

19. ELEMENT PADA FORM

<INPUT>Tag ini teletak didalam blok tag form

Atribut:- Type (jenis input) nilai text, checkbox, radio, hidden, button,

submit, reset, file, image- Name (nama elemen)- Value (nilai

isian) Contoh:

Radio

Page 21: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Checkbox

Page 22: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Page 23: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Hidden

Button

Page 24: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Submit

Reset

Page 25: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Textarea

Select

Page 26: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL

Page 27: HTML - wayanagusaditya.files.wordpress.com  · Web viewHTML, CSS, JavaScript, PHP dan MySQL Title: HTML Author: user Description: Document was created by {applicationname}, version:

HTML, CSS, JavaScript, PHP dan MySQL