BERBAGI ILMU

Cari Blog Ini

0 Desain Web

Minggu, 29 Mei 2016
Modul 3

  1. Heading
Tag heading adalah sebuah tag/code HTML untuk memperbesar sebuah tulisan. Biasanya heading tag digunakan dalam membuat judul sebuah document atau artikel. Heading tag sendiri memiliki 6 tingkatan yang dimulai dari 1 sampai 6.
Heading 1 atau <h1> merupakan tingkatan paling besar, sementara heading 6 atau <h6> merupakan tingkatan paling kecil.

  • Contoh coding:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Heading\coding.JPG 

  •  Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Heading\Hasil.JPG

  1. Break
Jika Menulis dokumen yang panjang diperlukan pemnggalan kalimat untuk mendefinisikannya.

  • Contoh coding:




E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Break\break.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Break\hasil break.JPG

  1. Paragraf
Membuat baris baru dengan jarak yang tertentu

Contoh coding:

E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Paragraf\coding.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Paragraf\hasil.JPG

  1. Style Font
Untuk mengatur style atau model dari font

  • Contoh coding:

E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Style Font\coding.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Style Font\hasil.JPG


  1. Element Font
Element font berfungsi untuk merubah jenis, ukuran dan warna dari tampilan huruf. Element ini mempunyai attribute color untuk merubah warna huruf, face untuk merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi dengan koma), dan size untuk merubah ukuran huruf (pixel).

  • Contoh coding:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Element Font\coding.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Element Font\hasil.JPG

  1. Mengenal Bullet
Bullet dan numbering berbeda hanya pada tag pertama dan terakhir saja. Jika ingin membuat list berupa numbering maka tag yang anda gunakan adalah OL. Sementara jika anda ingin membuat list berupa bullet maka gunakan tag UL. Adapun Tag HTML yang digunakan untuk bullet dibuka dengan kode <ul> dan ditutup dengan kode </ul> , sedangkan untuk masing masing item /list dibuka dengan <li> dan ditutup dengan </li>

  • Contoh coding:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Bullet\coding.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 3\Bullet\Hasil.JPG

Modul 4:

1. Table Border
Border merupakan sebuah garis yang membentuk kotak

  • Contoh coding:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 4\Table Border\coding.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 4\Table Border\hasil.JPG

2. Mengatur Table
Biasanya kita mengatur table menggunaka rowspan, colspan dll.

  • Contoh coding
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 4\Mengatur Table\coding.JPG

  • Hasil
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 4\Mengatur Table\hasil.JPG

3. Mengatur Warna
Digunaka untuk memberi pada table, berikut:

  • Contoh coding
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 4\Warna Table\coding.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 4\Warna Table\hasil.JPG

Modul 5

  1. Menampilkan Gambar Di Dalam Table
Untuk menampilkan gambar kita harus simpan gambar tersebut satu folder dengan coding yang akan kita buat.

  • Contoh coding
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 5\Melihat Gambar\coding.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 5\Melihat Gambar\hasil.JPG

  1. Menampilkan Gambar

  • Contoh coding:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 5\Melihat Gambar 2\coding.JPG

  • Hasil:
E:\Kuliah\Semester 2\Desain Web\Tugas\Blogspot\MODUL 5\Melihat Gambar 2\hasil.JPG


Read more