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
-
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
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
-
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:
0 komentar:
Posting Komentar