Web Programming HTML

Ukuran: px

Mulai penontonan dengan halaman:

Download "Web Programming HTML"

Yenny Tan
7 tahun lalu
Tontonan:

1 Web Programming HTML

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

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

4 Element HTML Start tag Content End tag <p> This is a paragraph </p> <a href= default.htm > This is a link </a> 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 <br/> <img> <frame>

6 Example <html> <body> <p>this is my first paragraph</p> </body> </html> Nested Element Start tag Content End tag <html> <body> <body> <p>this is my first paragraph</p> </body> <p>this is my first paragraph</p> </html> </body> <p> This is my first paragraph </p>

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

8 Basic Tag HTML Headings HTML Paragraph HTML Links HTML Images

9 HTML Headings Menggunakan tag <h1> sampai <h6> <h1>this is a heading</h1> <h2>this is a heading</h2> <h3>this is a heading</h3>

10 HTML Paragraph Menggunakan tag <p> <p>this is a paragraph</p> <p>this is another paragraph</p>

11 HTML Links Menggunakan tag <a> <a href=" is a link</a>

12 HTML Images Menggunakan tag <img> <img src="constr4.gif" width="144" height="50" />

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

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

15 Text Formatting Tag <b> <big> <em> <i> <small> <strong> <sub> <sup> <ins> <del> Fungsi Bold text Big text Emphasized text Italic text Small text Strong text Subscript text Superscript text Inserted text Deleted text

16 Computer Output Tags Tag <code> <kbd> <samp> <tt> <var> <pre> Fungsi Computer code text Keyboard text Sample computer code Teletype text Variable Preformatted text

17 Citation, Quotation, dan Definition Tags Tag <abbr> <acronym> <address> <bdo> <blockquote> <q> <cite> <dfn> Fungsi Abbreviation Acronym Alamat Text direction Long quotation Short quotation Citation Definition term

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

19 Entiti HTML Hasil Deskripsi Entity Name Entity Number Non-breaking space < Less than < < > Greater than > > & Ampersand & & Cent Pound Yen Euro Section Copyright Registered trademark

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

21 Links HTML Hyperlinks Anchor

22 Hyperlinks Menunjuk ke sebuah resource di web Resource bisa berupa: halaman html, gambar, suara, film, dsb <a href= url >Link text</a>

23 Anchor Menunjuk ke bagian dari halaman HTML Biasanya untuk penulisan daftar isi Penandaan <a name= bab1 >Bab 1. Pendahuluan</a> Dari halaman yang sama <a href= #bab1 >Lihat Bab 1</a> Dari halaman yang berbeda <a href= >Lihat Bab 1</a>

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

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 <frameset frameborder=0 cols="120,*"> <frame src="tryhtml_contents.htm"> <frame src="frame_a.htm" name="showframe"> </frameset>

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

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

29 Example <table width="100%" border="1"> <caption>my Table</caption> <tr> <th>isbn</th> <th>title</th> <th>price</th> </tr> <tr> <td> </td> <td>my first HTML</td> <td>$53</td> </tr> <tr> <td> </td> <td>my first CSS</td> <td>$47</td> </tr> </table>

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

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 Element HTML Basic Tag HTML Format HTML Entiti HTML Links HTML Frame HTML Table HTML List HTML Form HTML Image HTML Background HTML Outline

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

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

38 Image HTML <img src= namafile.gif alt= gambar bebek >

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

40 Background HTML Menggunakan attribut background <table height="100" width="150" background=" > <tr> <td>this table has a background image</td> </tr> </table>

41 Fin

dokumen-dokumen yang mirip

diinterpretasi bukan untuk tampilan

diinterpretasi bukan untuk tampilan HTML 1 Mark Up Language Mark Up : informasi tambahan yang ditempatkan pada teks untuk menjelaskan bagaimana teks tersebut diinterpretasi Mark Up ditambahkan bukan untuk tampilan tetapi untuk memberikan