tag dasar html

21
Zahara Ritonga, S.Kom STMIK BANDUNG, 2012 TAG DASAR HTML

Upload: wang-barlow

Post on 30-Dec-2015

85 views

Category:

Documents


3 download

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

TRANSCRIPT

Page 1: Tag  Dasar  HTML

Zahara Ritonga, S.KomSTMIK BANDUNG, 2012

TAG DASAR HTML

Page 2: 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:

Page 3: Tag  Dasar  HTML

<html><head><title>Disini adalah Titel Websiteku</title></head><body>

Ini adalah dokumen HTML pertamaku

</body></html>

Page 4: Tag  Dasar  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>

Page 5: Tag  Dasar  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.

Page 6: Tag  Dasar  HTML

• 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".

Page 7: Tag  Dasar  HTML

• 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).

Page 8: Tag  Dasar  HTML

• 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" />

Page 9: Tag  Dasar  HTML

• 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

Page 10: Tag  Dasar  HTML

• 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”

Page 11: Tag  Dasar  HTML

• HTML Text Formatting• This text is bold• This text is big• This text is italic• This is computer output

• This is subscript and superscript

Page 12: Tag  Dasar  HTML

• HTML Text Formatting Tags

Page 13: Tag  Dasar  HTML

• HTML "Computer Output" Tags

Page 14: Tag  Dasar  HTML

• HTML Citations, Quotations, and Definition Tags

Page 15: Tag  Dasar  HTML

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

Page 16: Tag  Dasar  HTML

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.

Page 17: Tag  Dasar  HTML

• HTML Table Tags

Page 18: Tag  Dasar  HTML

• HTML Lists

• HTML Unordered Lists

• HTML Ordered Lists

Page 19: Tag  Dasar  HTML

HTML Forms and Input• HTML Forms - The Input Element

• Radio Buttons

Page 20: Tag  Dasar  HTML

HTML Form Tags

Page 21: Tag  Dasar  HTML