Embed Size (px)
DESCRIPTION
Materi pemrograman web di KuliahKita yang membahas pengenalan HTML yang merupakan bahasa markup untuk mendesain struktur halaman sebuah situs di http://kuliahkita.com/kelas/pengembangan-web/
Citation preview
Pendahuluan
HTML - Hypertext Markup Language
HTML ini adalah bahasa markup yang digunakan untuk membangun web pages atau halaman dari situs yang biasa dibuka di browser
HTML ini didefinisikan sebagai aplikasi dari Standard Generalized Markup Language (SGML)
Kaitan SGML dan HTML
Penulisan HTML
Penulisan HTML dilakukan dengan susunan konten yang dibungkus Markup Tag (< >)Contoh: <p> Saya ingin belajar di KuliahKita </p>
Markup yang didefinisikan mendeskripsikan:● Appearance● Layout● Content
Penyusun (Element) HTML
Beberapa penyusun dari HTML:● DTD (Doctype)● Tag HTML● Head
○ title (wajib)○ base, meta, bgsound, script, noscript, style, link
● Body
Doctype (DTD)
Doctype atau document type definition berfungsi sebagai definisi sintaks konstruksi markup
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN”” "http://www.w3.org/TR/html4/strict.dtd">
DTD ini diletakkan di awal sebuah file HTML dan digunakan untuk memvalidasi dokumen berdasarkan versi yang digunakan
Meta (<meta></meta>)
Elemen meta digunakan untuk mendefinisikan properti dokumen, memberikan informasi pada browser, dan menspesifikasikan HTTP Header.Selain itu Elemen meta yang rapi juga digunakan untuk meningkatkan rank pada search engine result page (SERP) dari hasil optimasi mesin pencari (SEO atau Search Engine Optimization).
<meta name="description" content="Ambil kelas tanpa harus di dalam kelas"><meta name="copyright" content="2014 Kuliah Kita. All rights reserved."><meta property="og:title" content="Tempat Belajar Bersama - KuliahKita" /><meta property="og:image" content="http://oi62.tinypic.com/20j4xt5.jpg" /><meta property="og:description" content="Mari belajar online bersama dengan teman-teman dari seluruh Indonesia!" />
Style (<style></style>)
Style digunakan untuk mendefinisikan cara menampilkan body markup dengan meng-override kelakuan standar browser dalam menampilkan body markup (atau user-agent stylesheet)
Mendefinisikan dapat dilakukan di dalam HTML (inline style), tetapi tidak disarankan karena akan membuat HTML menjadi “kotor”:1. Tidak memisahkan konten dan desain2. Mempersulit maintenance3. Tidak acessible dalam beberapa kasus4. Membuat ukuran halaman lebih besar (menambah beban
bandwidth, lag, dll)
HTML Body (<body></body>)
HTML body adalah tempat mendefinisikan konten dari halaman situs atau web. Di dalam tag body inilah tag-tag lain dari HTML dapat digunakan dan ditampilkan pada situs melalui browser.
Dalam tag Body sendiri, biasanya konten diapit oleh● header : sebuah div atau section yang biasa berupa judul
halaman dan deskripsi singkat● footer : sebuah div atau section yang biasa berupa
deskripsi tambahan dari halaman atau situs
