Mengenal HTML
Download as PPTX, PDF0 likes381 views
Dokumen presentasi latihan HTML, bagian dari materi Mengelola Blog
Mengenal HTML
- 1. HTMLSCRIPT By. Yulef D @yulefdian youldee@gmail.com
- 2. Mengenal HTML Html itu ? • HTML Hyper Text Markup Language • HTML bukan sebuah bahasa program, hanya disebut markup language • Markup language terdiri dari markup tags • HTML uses markup tags menampilkan halaman web
- 4. Contoh HTML Awal Tag <html> <body> <h1>Heading 1</h1> <p>Di sini isi paragraf</p> </body> Akhir Tag </html>
- 5. Mengenal Tag HTML • <html> • <b> <i> <u> • <title> • <img src=> • <a href=> • <h1> …. <h6> • <form> • <body> • <input> • <p> • <table> • <ul> • <div> • <ol> • <hr> • <br> • <!-- This is a comment -->
- 6. Atribut Tag HTML • Class =classname (css) • Id =uniqueid (css) • Style =style_defenition (css) • Title =tooltips_text
- 7. Atribut Contoh <html> <body style="background-color:yellow;"> <h2 style="background-color:red;">Apa yang terlihat pada heading ini ?</h2> <p style="background- color:green;">Bagaimana dengan paragraf ini ? </p> </body> </html>
- 8. Atribut Contoh <p> <font size="3" face="verdana" color="blue"> This paragraph is in Verdana, size 3, and in blue text color. </font> </p>
- 9. Atribut Contoh <html> <body> <h1 style="font-family:verdana;">A heading</h1> <p style="font-family:arial;color:red;font- size:20px;">A paragraph.</p> </body> </html>
- 10. Penting HTML <a href="http://www.alamat.com/" target="_blank"> Klik di Sini Yaa.. </a> <a href="http://www.alamatpalsu.com/">Ayu Ting Ting</a> Kedua tautan di atas akan berbeda dalam apa ?
- 11. Tag Sering HTML <img src="url" alt=“keterangan teks"/> <img src=“gambar.jpg" alt=“ini gambar lho" width="304" height="228" /> Bagaimana kalau digabung ? <a href="http://www.alamat.com/" target="_blank"> <img src=“gambar.jpg" alt=“ini gambar lho" width="304" height="228" /> </a>
- 12. Tabel Dalam HTML <table border="1"> <tr> <td>row 1, cell 1</td> <td>row 1, cell 2</td> </tr> <tr> <td>row 2, cell 1</td> <td>row 2, cell 2</td> </tr> </table>
- 13. Listing Dalam HTML <ul> <li>Coffee</li> Bullet & Numbering <li>Milk</li> </ul> <ol> <li>Coffee</li> <li>Milk</li> </ol>
- 14. Formulir HTML <form name="input" action="html_form_action.asp" method="get"> Username: <input type="text" name="user" /> <input type="submit" value="Submit" /> </form> <input type="text" name="firstname" /> <input type="password" name="pwd" /> <input type="radio" name="sex" value="male" /> <input type="checkbox" name="vehicle" value="Bike" />
- 15. WarnaWarni HTML 17 warna standar : aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. Contoh : DarkBlue kode Hexadecimal-nya =#00008B DodgerBlue kode Hexadecimal-nya =#1E90FF
- 16. WarnaWarni HTML 17 warna standar : aqua, black, blue, fuchsia, gray, grey, green, lime, maroon, navy, olive, purple, red, silver, teal, white, and yellow. Contoh : DarkBlue kode Hexadecimal-nya =#00008B DodgerBlue kode Hexadecimal-nya =#1E90FF
- 17. Blog & HTML Blogspot
- 18. Blog & HTML Wordpress