Desain Web 2: Praktikum 1: Review HTML5
Click here to load reader
-
Upload
adi-wahyu-pribadi -
Category
Education
-
view
1.728 -
download
3
description
Transcript of 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
Materi kuliah Desain Web,Materi kuliah Desain Web,Teknik Informatika FTUPTeknik Informatika FTUP
Disusun oleh Adi Wahyu PribadiDisusun oleh Adi Wahyu Pribadi
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
Materi kuliah Desain Web,Materi kuliah Desain Web,Teknik Informatika FTUPTeknik Informatika FTUP
Disusun oleh Adi Wahyu PribadiDisusun oleh Adi Wahyu Pribadi
Membuat halaman HTML5Membuat halaman HTML5
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
Materi kuliah Desain Web,Materi kuliah Desain Web,Teknik Informatika FTUPTeknik Informatika FTUP
Disusun oleh Adi Wahyu PribadiDisusun oleh Adi Wahyu Pribadi
Membuat halaman HTML5Membuat halaman HTML5
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
Materi kuliah Desain Web,Materi kuliah Desain Web,Teknik Informatika FTUPTeknik Informatika FTUP
Disusun oleh Adi Wahyu PribadiDisusun oleh Adi Wahyu Pribadi
<!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>
Materi kuliah Desain Web,Materi kuliah Desain Web,Teknik Informatika FTUPTeknik Informatika FTUP
Disusun oleh Adi Wahyu PribadiDisusun oleh Adi Wahyu Pribadi
Buat Halaman Blog!Buat Halaman Blog!
Materi kuliah Desain Web,Materi kuliah Desain Web,Teknik Informatika FTUPTeknik Informatika FTUP
Disusun oleh Adi Wahyu PribadiDisusun oleh Adi Wahyu Pribadi
??