1 / 21

Tag Dasar HTML

Tag Dasar HTML. Zahara Ritonga , S.Kom STMIK BANDUNG, 2012. Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY . Berikut ini adalah penjelasan dari Tag Elemen tersebut :.

wang-barlow
Télécharger la présentation

Tag Dasar HTML

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. Tag Dasar HTML ZaharaRitonga, S.KomSTMIK BANDUNG, 2012

  2. Komponendasardarisuatudokumen HTML terdiridari tag elemen HTML, HEAD dan BODY. Berikutiniadalahpenjelasandari Tag Elementersebut:

  3. <html><head><title>DisiniadalahTitelWebsiteku</title></head><body>Iniadalahdokumen HTML pertamaku</body></html>

  4. Tag pertamapadadokumen HTML diatasadalah: "<html>" tag inimerupakanawaldarisuatudokumen HTML, dan tag "</html>" merupakanakhirdaridokumenHTML. Isi keseluruhandarisuatudokumen HTML selaluberadadiantara tag <html>...</html>

  5. Tag "<head>...</head>" (header) adalahinformasidaridokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. • SelainTitle informasi di dalam header ininantinyatidakakan di tampilkandi web browser.

  6. Tag berikutnyaadalah "<title>...</title>" merupakanbagiandari Head, tag iniadalahsebagaiTiteldaridokumenHTML, titeliniakantampil di titelbrowser atau list paling atasdari web browser. • Sebagaicontohsewaktuandamembuka file contohdiatasperhatikan di sudutkiri paling atasdari browser anda, akanmuncultulisan "DisiniadalahTitelWebsiteku".

  7. Tag "<body>...</body>" merupakanisidarisuatudokumen HTML yang akanditampilkan di web browser, yang terdiridariberbagaimacam format file berupatexs, grafik, link, animasimaupun audio-video (multimedia).

  8. HTML Headings • <h1>This is a heading</h1> • <h2>This is a heading</h2> • <h3>This is a heading</h3> • HTML Paragraphs • <p>This is a paragraph.</p> • <p>This is another paragraph.</p> • HTML Links • <a href="http://www.w3schools.com">This is a link</a> • HTML Images • <imgsrc="w3schools.jpg" width="104" height="142" />

  9. HTML Elements • HTML Element Syntax • Tag html dimulaidengan tag pembukadandiakhiridengan tag penutup. • Isi elemenadalahdiantara tag pembukadan tag penutup. • Beberapaelemen html memilikikontenkosong. • Elemenkosongditutuppada tag awal. • Sebagianunsur HTML dapatmemilikiatribut. Tips HTML : gunakanhurufkecildalampenulisan tag

  10. HTML Attributes • Tag HTML dapatmemilikiatribut. • Atributmemberikaninformasitambahantentangelemen. • Penulisanatributselaludiletakkanpadaawal tag. • Atributmengandungnama/value, contoh : name=“value”

  11. HTML Text Formatting • This text is bold • This text is big • This text is italic • This is computer output • This is subscript and superscript

  12. HTML Text Formatting Tags

  13. HTML "Computer Output" Tags

  14. HTML Citations, Quotations, and Definition Tags

  15. Styling HTML with CSS • CSS telahdiperkenalkanbersamaandengan HTML 4, untukmenjadikan style element HTML lebihbaik. • CSS bisaditambahkandalam HTML dengancara : • Didalam file Cascading Style Sheet (CSS) • Dalamelemen<style>ditaruhdibagian<head> • Dalamatribut style padaelemen HTML tunggal

  16. HTML Tables • Didefinisikandengan tag <table> • Sebuahtabeldibagimenjadibaris <tr>, dansetiapbarisdibagimenjadi cell deitulisdengan <td> • Tag <td> bisaberisi text, link, gambar, list, form, tabel, dll.

  17. HTML Table Tags

  18. HTML Lists • HTML Unordered Lists • HTML Ordered Lists

  19. HTML Forms and Input • HTML Forms - The Input Element • Radio Buttons

  20. HTML Form Tags

More Related