Web Programming HTML. Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background.

Presentasi berjudul: "Web Programming HTML. Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background."— Transcript presentasi:

1 Web Programming HTML

2 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

3 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

4 Element HTML Start tagContentEnd tag This is a paragraph This is a link HTML Element Syntax HTML element diawali dengan start tag HTML element diakhiri dengan end tag Isi element adalah semua yang berada diantara start tag dan end tag Beberapa HTML element tidak memiliki content Beberapa HTML element tidak memiliki end tag

5 Empty HTML element –

6 Start tagContentEnd tag This is my first paragraph This is my first paragraph This is my first paragraph Example This is my first paragraph Nested Element

7 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

8 Basic Tag HTML Headings HTML Paragraph HTML Links HTML Images

9 HTML Headings Menggunakan tag sampai This is a heading This is a heading This is a heading

10 HTML Paragraph Menggunakan tag This is a paragraph This is another paragraph

11 HTML Links Menggunakan tag This is a link

12 HTML Images Menggunakan tag

13 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

14 Format HTML Text Formatting Computer Output Tags Citation, Quotation, dan Definition Tags

15 Text Formatting TagFungsi Bold text Big text Emphasized text Italic text Small text Strong text Subscript text Superscript text Inserted text Deleted text

16 Computer Output Tags TagFungsi Computer code text Keyboard text Sample computer code Teletype text Variable Preformatted text

17 Citation, Quotation, dan Definition Tags TagFungsi Abbreviation Acronym Alamat Text direction Long quotation Short quotation Citation Definition term

18 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

19 Entiti HTML HasilDeskripsiEntity NameEntity Number Non-breaking space   <Less than<< >Greater than>> &Ampersand&& ¢Cent¢¢ £Pound££ ¥Yen¥¥ €Euro€€ §Section§§ ©Copyright©© ®Registered trademark®®

20 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

21 Links HTML Hyperlinks Anchor

22 Hyperlinks Menunjuk ke sebuah resource di web Resource bisa berupa: halaman html, gambar, suara, film, dsb Link text

23 Anchor Menunjuk ke bagian dari halaman HTML Biasanya untuk penulisan daftar isi Bab 1. Pendahuluan Lihat Bab 1 Penandaan Dari halaman yang sama Dari halaman yang berbeda

24 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

25 Frame HTML Pros – Bisa menampilkan lebih dari 1 halaman web pada browser window yang sama – Setiap halaman web disebut frame, dan tiap frame bersifat independen Cons – Halaman web yang harus dimaintain lebih banyak – Sulit untuk nge-print keseluruhan halaman web

26 Example

27 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

28 Table HTML My Table Caption Table heading Table data Table row

29 Example My Table ISBN Title Price 3476896 My first HTML $53 2489604 My first CSS $47

30 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

31 List HTML Ordered List Unordered List Definition List

32 Ordered List Numbered List Letters List Lowercase Letters List Roman Number List

33 Unordered List Disc bullet list Circle bullet list Square bullet list

34 Definition List Bukan list item List yang berisi istilah-istilah dan definisinya

35 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

36 Form HTML Memungkinkan user untuk memberikan input Berupa: – Textfield – Password textfiled – Text area – Radio button – Check box – Drop down box

37 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

38 Image HTML

39 Outline Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML

40 Menggunakan attribut background This table has a background image

41 Fin

42 ?