View
91
Download
3
Category
Preview:
DESCRIPTION
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 :. - PowerPoint PPT Presentation
Citation preview
Zahara Ritonga, S.KomSTMIK BANDUNG, 2012
TAG DASAR HTML
• Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
<html><head><title>Disini adalah Titel Websiteku</title></head><body>
Ini adalah dokumen HTML pertamaku
</body></html>
• Tag pertama pada dokumen HTML diatas adalah: "<html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag "</html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag
<html>...</html>
• Tag "<head>...</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. • Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
• Tag berikutnya adalah "<title>...</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel browser atau list paling atas dari web browser. • Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan di sudut kiri paling atas dari browser anda, akan muncul tulisan "Disini adalah Titel Websiteku".
• Tag "<body>...</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa texs, grafik, link, animasi maupun audio-video (multimedia).
• 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
• <img src="w3schools.jpg" width="104" height="142" />
• HTML Elements
• HTML Element Syntax• Tag html dimulai dengan tag pembuka dan diakhiri dengan tag
penutup.• Isi elemen adalah diantara tag pembuka dan tag penutup.• Beberapa elemen html memiliki konten kosong.• Elemen kosong ditutup pada tag awal.• Sebagian unsur HTML dapat memiliki atribut.
Tips HTML : gunakan huruf kecil dalam penulisan tag
• HTML Attributes• Tag HTML dapat memiliki atribut.• Atribut memberikan informasi tambahan tentang elemen.• Penulisan atribut selalu diletakkan pada awal tag.• Atribut mengandung nama/value, contoh : name=“value”
• HTML Text Formatting• This text is bold• This text is big• This text is italic• This is computer output
• This is subscript and superscript
• HTML Text Formatting Tags
• HTML "Computer Output" Tags
• HTML Citations, Quotations, and Definition Tags
Styling HTML with CSS• CSS telah diperkenalkan bersamaan dengan HTML 4, untuk menjadikan style element HTML lebih baik.• CSS bisa ditambahkan dalam HTML dengan cara : • Didalam file Cascading Style Sheet (CSS)• Dalam elemen <style> ditaruh dibagian <head>• Dalam atribut style pada elemen HTML tunggal
HTML Tables• Didefinisikan dengan tag <table>• Sebuah tabel dibagi menjadi baris <tr>, dan setiap baris
dibagi menjadi cell deitulis dengan <td> • Tag <td> bisa berisi text, link, gambar, list, form, tabel, dll.
• HTML Table Tags
• HTML Lists
• HTML Unordered Lists
• HTML Ordered Lists
HTML Forms and Input• HTML Forms - The Input Element
• Radio Buttons
HTML Form Tags
Recommended