desain web 2: praktikum 1: review html5

Materi kuliah Desain Web,Materi kuliah Desain Web,Teknik Informatika FTUPTeknik Informatika FTUP

Disusun oleh Adi Wahyu PribadiDisusun oleh Adi Wahyu Pribadi

PraktikumPraktikumDesain Web IIDesain Web II

HTML5 DasarHTML5 DasarPertemuan ke-1Pertemuan ke-1



Membuat halaman HTML5Membuat halaman HTML5

Tambah tipe dokumen HTML5Tambah tipe dokumen HTML5<!doctype html><!doctype html>

Buat tag html, diawali <html> ditutup Buat tag html, diawali <html> ditutup dengan </html>dengan </html>

Tambahkan <head> dan </head> Tambahkan <head> dan </head> berisikan metadata halaman Web yang berisikan metadata halaman Web yang akan dibuatakan dibuat

Tambahkan tag <body> dan </body> di Tambahkan tag <body> dan </body> di dokumen HTMLdokumen HTML




Tambahkan <header> dan </header>Tambahkan <header> dan </header> Tambahkan <nav> dan </nav> sebagai Tambahkan <nav> dan </nav> sebagai

navigasinavigasi Tambahkan <article> dan </article> yang Tambahkan <article> dan </article> yang

berisi hal penting yang ingin dibagi berisi hal penting yang ingin dibagi kepada pengunjungkepada pengunjung

Tambahkan <aside> dan </aside> jika Tambahkan <aside> dan </aside> jika menambah sidebarmenambah sidebar




Terakhir tambahkan <footer> dan Terakhir tambahkan <footer> dan </footer> sebagai penutup. Biasanya </footer> sebagai penutup. Biasanya berisi hak cipta, catatan kecilberisi hak cipta, catatan kecil



<!DOCTYPE html><!DOCTYPE html><html dir="ltr" lang="enUS"><html dir="ltr" lang="enUS">

<head><head><meta charset="utf8"><meta charset="utf8"><title>HTML5</title><title>HTML5</title><![if IE ]><![if IE ]>

<script src=_"script/HTML5forIE.js"<script src=_"script/HTML5forIE.js" type="text/javascript"></script>type="text/javascript"></script>

<![endif]><![endif]></head></head><body class="pageName"><body class="pageName">

<header></header><header></header><nav></nav><nav></nav><article><article>

<figure></figure><figure></figure><section></section><section></section>

</article></article><aside><aside><dialog></dialog><dialog></dialog></aside></aside><footer></footer><footer></footer>

</body></body></html></html>



Buat Halaman Blog!Buat Halaman Blog!



??

desain web 2: praktikum 1: review html5

Education