Anda di halaman 1dari 3

PRAKTIKUM PEMGROGRAMAN WEB MODUL 1 PEMBUATAN APLIKASI WEB DENGAN HTML DAN CSS

Oleh : Muhammad Ridani 201010370311025

LABORATORIUM TEKNIK INFORMATIKA FAKULTAS TEKNIK UNIVERSITAS MUHAMMADIYAH MALANG 2012

1. Tabel macam-macam fungsi tag HTML <!DOCTYPE html> Memberitahukan ke browser bahwa tipe dokumen yang digunakan adalah HTML <html></html> Membuat dokumen HTML <head></head> Inform asi header (Judul halaman, meta, stylesheet source, javascript source ) <title></title> Mendefinisikan title <meta> Untuk memberikan informasi sebuah halaman web <link> Untuk Memanggil Fungsi Lain Seperti CSS <style> Untuk menjelaskan style yang digunakan di halaman website tersebut <script></script> Untuk menjelaskan script yang dijalankan, seperti Javascript <body></body> Sebagai Isi Atau Content Dari Halaman Web <header></header> Memiliki arti atas, bagian atas dari dokumen, layout dlsb <section></section> Elemen yang digunakan untuk ngelompokkan beberapa elemen yang sejenis <h1></h1> Untuk membuat heading tipe yang ke-1 <nav></nav> Digunakan untuk menu navigasi, dapat digunakan diluar maupun didalam elemen lainnya. <ul></ul> Mendefinisikan daftar dalam format bullet <li></li> Digunakan untuk menampilkan informasi dalam bentuk item daftar <img> Berfungsi untuk menampilkan gambar pada dokumen HTML <p></p> Membuat sebuah paragraph <font></font> Mendefinisikan jenis font, warna dan ukuran untuk teks <br></br> Memberi baris baru/pindah baris <h4></h4> Untuk membuat heading tipe yang ke-4 <footer><footer> Berupa info konten seperti copyright, author website atau navigasi <b></b> Membuat teks tebal

2. Tabel macam-macam fungsi tag HTML padding padding-left margin margin-top margin-left margin-right margin-bottom font font-family font-size font-weight background color line -height visibility display Content Clear both height width float text-align text-transform max-width max-height box-shadow border 3. Pemberian jarak bagian dalam pada suatu tag html Untuk memberikan jarak dalam bagian kiri Pemberian jarak(style) bagian luar pada suatu tag html Untuk memberikan jarak dalam bagian atas Untuk memberikan jarak dalam bagian kiri Untuk memberikan jarak dalam bagian kanan Untuk memberikan jarak dalam bagian bawah Untuk memberi tampilan berbeda pada text Property untuk memberi nilai generic font seperti times, verdana, arial, dll Untuk memberi ukuran pada text Untuk mengatur ketabalan font

Menentukan style untuk latar belakang

Untuk member warna sesuai dengan yang kita inginkan Untuk mengatur tinggi antar baris paragraf Untuk menampilkan atau menyembunyikan data dalam kontainer Memisahkan bagian yang dikurung dari pengaturan sebelum dan sesudahnya Untuk mengatur isi dari web Elemen tidak boleh difloat pada sisi kanan dan kiri Mengatur tinggi bidang_tag yang kita buat Mengatur lebar bidang_tag yang kita berikan style Membuat suatu bidang(anggap saja sidebar-kiri-kanan) yang sejajar Untuk membuat perataan pada text Untuk membuat style pada text, misal membuat huruf besar diawal kata, semua text huruf kapilal, semua text menggunakan hufuf kecil Hanya mengatur lebar maximal saja Hanya mengatur tinggi maximal saja

Membuat bayangan pada box

Untuk memberi batas/garis(seperti) pada suatu bidang/box/tag html

Perbedaan antara menggunakan clearfix dan tidak pada CSS adalah kalau menggunakan clearfix maka content pada web akan tersusun rapid an tidak tumpang tindih, sedangkan kalau tidak menggunakan clearfix maka tampilan content pada web akan hancur.

Anda mungkin juga menyukai