Senin, 29 September 2014

Langkah Praktikum
Percobaan 1
1. Mencari gambar logo Google di internet ber-ektensi .jpg atau .png, simpan gambar tersebut dan letakkan di folder yang sama dengan file percobaan yang akan disimpan.
2. Mengubah nama gambar tersebut menjadi google.jpg atau google.png
3. Mengetikkan script berikut di dalam notepad :

4. Menyimpan file dengan nama halaman1.html.
5. Membuka kembali notepad baru. Kemudian mengetikkan script berikut : .

6. Menyimpan file dengan nama halaman2.html
7. Membuka file dengan nama halaman1.html menggunakan browser
8. Hasil :
Percobaan 2
1. Mengetikkan script berikut di dalam notepad


2. Menyimpan file dengan nama form.html
3. Membuka file yang sudah disimpan menggunakan browser
4. Hasil :

Percobaan ke 3

1. Mengetikkan script berikut di dalam notepad:


2. Menyimpan file dengan nama animasi.html
3. Membuka file yang sudah disimpan dengan menggunakan browser
4. Hasil :


TUGAS
  • Tugas 1
1. Menuliskan script HTML untuk membuat gambar berjalan yang mana  gambar tersebut adalah hyperlink menuju alamat www.yahoo.com (ukuran gambar 100 x 50 piksel, dan target hyperlink pada jendela yang sama)
2. Script HTML :


3. Hasil :


  • Tugas 2
    Menjelaskan  fungsi dari tag atribut berikut :

Selasa, 23 September 2014

1. Tujuan
Memahami konsep dasar perintah HTML

2. Landasan Teori
HyperText Markup Language atau yang lebih dikenal dengan HTML merupakan bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

3. Alat dan bahan
  • PC (Personal Komputer) atau Laptop
  • Sistem Operasi Windows
  • Browser (Mozilla Firefox)
  • Notepad++
  • File gambar ber-ekstensi .jpg
  • Microsoft Word
4. Kegiatan Praktik
    Kegiatan 1: Dokumen.html
    a. buka notepade++
    b. ketikan scrip berikut:

    c. simpan dengan nama dokumen.html
    d. buka file tersebut dengan browser maka akan menghasilkan


    Kegiatan 2: Heading.html
    a. buka notepade++
    b. ketikan scrip berikut:

    c. simpan dengan nama heading.html
    d. buka file tersebut dengan browser maka akan menghasilkan

     

    Kegiatan 3: Font.html
    a. buka notepade++
    b. ketikan scrip berikut:

    c. simpan dengan nama font.html
    d. buka file tersebut dengan browser maka akan menghasilkan



    Kegiatan 4: Paragaf & Align.html
    a. buka notepade++
    b. ketikan scrip berikut:

    c. simpan dengan nama align.html
    d. buka file tersebut dengan browser maka akan menghasilkan



    Kegiatan 5: Gambar.html
    a. buka notepade++
    b. ketikan scrip berikut:

    c. simpan dengan nama gambar.html
    d. buka file tersebut dengan browser maka akan menghasilkan



    Kegiatan 6: Bullets Numbering.html
    a. buka notepade++
    b. ketikan scrip berikut:

    c. simpan dengan nama bullets.html
    d. buka file tersebut dengan browser maka akan menghasilkan



    Kegiatan 7: Multilevel List.html
    a. buka notepade++
    b. ketikan scrip berikut:

    c. simpan dengan nama list.html
    d. buka file tersebut dengan browser maka akan menghasilkan



    Kegiatan 8: Tabel.html
    a. buka notepade++
    b. ketikan scrip berikut:

    c. simpan dengan nama tabel.html
    d. buka file tersebut dengan browser maka akan menghasilkan

5. Tugas
    A. Membuat tampilan HTML dengan background gambar yang memenuhi halaman HTML

    hasil dari script diatas adalah

    B. Menjelaskan fungsi dari tag atau attribut berikut:
    C. Membuat multilevel dengan kombinasi numer (angka) dan huruf
     
    menghasilkan tampilan berikut: