Sabtu, 29 Oktober 2016

Struktur HTML & Tag-Tag Dasar

Praktikum 1 (Title & Body)

1.       Pertama buka notepad atau saya sarankan menggunakan notepad++.
2.       Ketikkan scrip berikut:
3.       Setelah selesai, simpan scrip dengan nama Praktikum1.html, Pada kolom type Pilih All Files (*.*).
4.       Jika Ingin Melihat hasilnya anda bisa mengklik kanan file Praktikum1.html yang berformat HTML lalu pilih open/open with, Gunakan Mozille atau chrom juga bisa.

Praktikum 2 (Pemberian Warna Pada Background)
1.       Kembali ke notepad++ file Praktikum1.html.
2.       Lalu ketik scrip brikut pada awalan body. <body bgcolor=”#0000ff” text=”#ff0000” >.
3.       Setelah selesai, ikuti kembali Langkah-langkah 3 dan 4 pada Praktikum 1.

Praktikum 3 (Paragraf & Perataan Teks)
1.       Tag yang di gunakan <p> dan di tutup dengan </p>, untuk membuat paragraf.
2.       Buka notepad++.
3.       Ketikkan scrip berikut:
4.       Setelah selesai, ikuti kembali Langkah-langkah 3 dan 4 pada Praktikum 1.

Praktikum 4 (Baris Baru)
1.       Buka Notepad++.
2.       Ketikkan scrip berikut:

3.       Setelah selesai, ikuti kembali Langkah-langkah 3 dan 4 pada Praktikum 1.

Praktikum 5 (Judul Topik & Tag)
1.       Buka Notepad++.
2.       Ketikkan scrip berikut:
3.       Setelah selesai, ikuti kembali Langkah-langkah 3 dan 4 pada Praktikum 1.
Praktikum 6 (Garis)
1.       Buka Notepad++.
2.       Ketikkan scrip berikut:
4.       Setelah selesai, ikuti kembali Langkah-langkah 3 dan 4 pada Praktikum 1.

Itulah tadi sebahagian dari Pemaparan scrip tentang Struktur HTML & Tag-Tag Dasarsemoga bermanfaat dan menjadi motifasi dalam belajar. ^_^



Sumber:
Syafriadi. 2016. “Praktikum Pemrograman HTML”.
            Palopo:Penerbit  Laboratorium Komputer Universitas Cokroaminoto Palopo.