Upload presentasi
Presentasi sedang didownload. Silahkan tunggu
1
HTML TAGS
2
SELF STUDY http://jaringankomputer.org/category/belajar-html/
W3schools.com
3
HTML ?? Hypertext Markup Languange
WHAT? Kode Untuk ?? Menampilkan? Menstruktur agar dikenali oleh browser. Kenapa ?? Menarik Tidak hanya teks Standarisasi ALL OS, ALL BROWSER (ALMOST)
4
Hypertext Markup Languange
Markup dalam HTML dinamakan Tags (psssssssssst.. Pasti keluar UTS) Source: w3schools.com PENGERTIAN TAG Sebagai sebuah bahasa markup, HTML membutuhkan cara untuk memberitahu web browser bagaimana suatu text ditampilkan. Apakah text itu ditulis sebagai sebuah paragraf, list, atau sebagai link Dalam HTML. nah, tanda pengenal ini dikenal dengan istilah tag. Hampir semua tag dalam HTML ditulis secara berpasangan, tag pembuka dan tag penutup, dimana objek yang dikenai perintah tag berada di antara tag pembuka dan tag penutup. Objek disini dapat berupa text, gambar, maupun video. Penulisan tag berada di antara dua kurung siku. ika kita lupa memberikan penutup tag, umumnya browser akan “memaafkan” hal ini dan tetap menampilkan hasilnya seolah-olah kita menuliskan tag penutup. Walaupun hal ini memudahkan kita, namun tidak disarankan. *pengecualian beberapa tag tidak berpasangan, seperti <br> untuk break (pindah baris) atau <hr> untuk horizontal line (garis horizontal) ditulis dengan <br />, dan <hr />. Tag ini dikenal juga dengan sebutan self closing tag.. PENGERTIAN ATRIBUT Atribut adalah informasi tambahan yang diberikan kepada tag. Informasi ini bisa berupa instruksi untuk warna dari text, besar huruf dari text, dll. Setiap atribut memiliki pasangan nama dan nilai (value), dan ditulis dengan name=”value” (value diapit tanda kutip, boleh tanda kutip satu (‘) atau dua (“)) Contoh attribut : <a href=" adalah sebuah link</a> href adalah nama dari atribut, dan duniailkom.com adalah value atau nilai dari atribut tersebut. Tidak semua tag membutuhkan atribut, tapi anda akan sering melihat sebuah tag memiliki atribut, terutama atribut id dan class yang terutama dibutuhkan dalam manipulasi halaman web menggunakan CSS maupun JavaScript. Pembahasan tentang atribut untuk masing-masing tag akan kita bahas pada pembahasan tag tersebut.
5
Hypertext Markup Languange
<a href=‘’> … </a> Berpindah dari halam 1 ke halaman lain Bisa dari 1 web ke web yang lain Contoh: <a href=‘facebook.com’> Face Book</a> Elemen tidak hanya berisi text, namun juga bisa tag lain.
6
XHTML (4.1) ( Satandarisasi Penulisan HTML )
Xml Sangat membatasi Bagus? Lebih mudah dibaca oleh browser Meminimalisir kesalahan bila dipraktekkan dengan benar Kejarlah cita2 setinggi langit
7
XHTML (4.1) Tujuannya menggunakan hanya Logical Markup
8
XHTML (4.1) - Yang paling penting untuk dipertahankan di HTML 5
Doctype Format: html (root), head, body,title Harus ditutup Nilai dari attribute harus di dalam tanda kutip
9
XHTML (4.1) Selanjutnya Lebih lanjut di slide khusus tentang XHTML
10
Tags 1 (Harus ada dalam setiap halamannya) Belajar Bertahap ya
<! > <!DOCTYPE><html><head><body> <title><meta> <meta charset="UTF-8"> <meta name="description" content="Free Web tutorials"> <meta name="keywords" content="HTML,CSS,XML,JavaScript"> <meta name="author" content="Hege Refsnes">
11
Tags 2 Bertahap 1 Heading Bagian-bagian dari halaman (HTML 5)
<h1>...</h1>-<h6>...</h6> Bagian-bagian dari halaman (HTML 5) <header><footer><main><nav> Link dan fgambar <a><img /> Keterangan tentang kata/kalimat <em><i><strong><b><u><small><s><sup><sub> Baris dan Garis <p><br /><hr /> Lainnya <pre><article><fieldset><legend> Source: W3schools.com <nav> <a href="/html/">HTML</a> | <a href="/css/">CSS</a> | <a href="/js/">JavaScript</a> | <a href="/jquery/">jQuery</a> </nav>
12
Tabel & Daftar Bertahap 2
<table><caption><thead><tfoot><tbody><tr><th><td> <dl><dt><dd> <ol><ul><li> <datalist><optgroup><option>
13
Bertahap 3 <form><button><input /><label><select><optgroup><option><textarea>
14
! <abbr><address><bdo><blockquote><cite><del><dfn><ins><kbd><mark><aside><bdi><details><embed><q><mark><rt><ruby><samp><code> Title, yang merupakan judul dokumen. Meta tag, informasi yang akan diberikan oleh pengunjung tentang isi halaman web Dalam Meta Tag dapat kita isikan beberapa atribut penjelasan antara lain, Content, Name, URL. Sedangkan dalam atribut tersebut terdapat sebuah value, adapun beberapa value yang dapat kita isikan antara lain abstract, author, copyright, description, distribution, expires, keywords, revist, refresh maupun language Javascript, CSS dan beberapa perintah lain yang nantinya akan diesekusi browser tanpa ditampilkan oleh browser. dengan kata lain pada elemen ini kebanyakan hanya mengatur informasi dan visualisasi web tersebut,
15
! <base /><basefont /><div><audio><canvas><details><summary><iframe><keygen><menu><menuitem><map><area /><colgroup><col /><meter><noscript><object><output><param><video><progress><track><rp><source><time><var><wbr><figure><figcaption><section><span> <script>><link /><style>
16
deprecated <b><i><big><center><font>
<dir><applet><acronym><frame /><frameset><iframe><noframes><strike><tt>
Presentasi serupa
