HTML Sederhana

Berikut ini adalah pembahasan dari pemecahan masalah diatas.


1.Dalam pembuatan file HTML, kita harus mengawalinya dengan tag dan diakhiri dengan tag .
2.Setelah diawali dengan tag , lalu kita tuliskan tag yang mana tag ini menandakan bahwa teks beserta tag-tag pengaturannya yang berada didalam tag ini akan menjadi bagian “kepala” dari file HTML yang akan kita buat. Dan jangan lupa tag ini diakhiri dengan tag .
3.Dalam pemecahan masalah yang saya buat disini, didalam tag saya letakkan tag .
4.Berikutnya adalah membuat bagian “tubuh” file HTML yang akan kita buat. Dalam membuat bagian ini menggunakan tag sebagai tag pembukanya dan diakhiri dengan tag sebagai penutupnya.
5.Dalam pemecahan masalah yang saya buat disini, didalam tag saya gunakan tag
yang berguna untuk pembuatan paragraph. Dalam container tag
ini saya letakkan komentar untuk pengaturan perataan paragraph yaitu tag ALIGN dan diikuti dengan “CENTER” sebagai pengaturannya untuk perataan tengah.
6.Kemudian di dalam tag
saya juga menambahkan tag untuk pengaturan font dan saya menambahkan komentar yang berupa tag FACE untuk mengatur bentuk font yang diinginkan dan diikuti dengan “TAHOMA” sebagai bentuk huruf yang sesuai dengan masalah. Lalu ketik teks yang akan kita tampilkan dalam homepage kita setelah tag dan diakhiri dengan tag dan saya tambah tag sebelum dan sesudah teks tadi saya tambah tag agar teks tersebut tertampil dengan berhuruf tebal (bold). Tag
yang saya tulis diawal tadi harus juga diakhiri dengan tag
.
7.Setelah membuat pengaturan untuk paragraph pertama tadi, maka kita tulis lagi tag
lagi sebagai awalan untuk membuat pengaturan pada paragraph kedua. Dalam container tag
ini juga saya letakkan komentar untuk pengaturan perataan paragraph yaitu tag ALIGN dan diikuti dengan “LEFT” sebagai pengaturannya untuk perataan kiri. Dan di dalam container
juga kita letakkan komentar yang berupa tag STYLE yang memiliki fungsi seperti FONT FACE yaitu untuk mengatur bentuk huruf yang akan kita gunakan. Disini saya menggunakan jenis huruf TIMES NEW ROMAN sesuai dengan permasalahan yang akan diselesaikan.
8.Setelah pengaturan paragraph dan huruf, maka kita akan segera membuat koding untuk membuat daftar. Untuk membuat daftar teratur kita pakai tag

. Tapi jangan lupa menutup daftar ini dengan tag

diakhir daftar yaitu sebelum tag pada paragraph kedua.
9.Selanjutnya kita gunakan tag . Tag ini berguna untuk membuat judul daftar.
10.Setelah membuat judul daftar, kita gunakan tag . Tag ini berguna untuk meng-entri item. Karena sebelumnya kita sudah menggunakan tag

, maka daftar entri item yang akan kita buat akan terurut sesuai penulisannya yang diawali dengan urutan angka tanpa harus menuliskan angka tersendiri karena stiap entri akan secara otomatis memiliki sitem penomoran. Jangan lupa untuk menutup setiap entri item dengan tag .
11.Lalu untuk membuat daftar entri penjelas, kita gunakan tag

dan kita tutup dengan tag

.
12.Lalu untuk mengisi daftar entri penjelas (dengan type= “a”) dengan teks perincian, kita gunakan tag . Tag ini memiliki fungsi membuat perincian satu tab kedalam paragraph. Lalu tulis perincian yang sesuai dengan permasalahan dan setiap perincian kita akhiri dengan tag . Namun sebelum penulisan tag
, kita tuliskan dulu tag

lagi agar hasil yang kita buat dapat sesuai dengan permasalahan. Tag
ini kita ketik diantara tag

dan tag

.
Dalam container

tambahkan komentar TYPE untuk mengidentifikasi sitem pengurutan apa yang digunakan. Disini saya menggunakan TYPE=”a” sesuai dengan permasalahan yang akan diselesaikan.
13.Untuk membuat daftar penjelasan cukup kita gunakan daftar

lalu

saja tanpa menambah tag

sebelum tag

. Untuk membuat daftar Sehingga daftar penjelasan ini akan terlihat seperti daftar entri namun tanpa sitem penomoran.
14.Untuk menyesuaikan pemecahan dengan permasalahan yang akan diselesaikan, maka saya meletakkan tag
setelah teks “flow chart” (seperti pada gambar diatas/ lingkaran biru putus-putus). Tag
ini berguna untuk membuat teks yang panjang akan terpotong dan diletakkan di baris baru sesuai dimana tag
ini diletakkan. Namun, tag ini tidak perlu diakhiri dengan tag
karena tidak akan berfungsi.
15.Untuk mengisi daftar entri penjelas (dengan type= “i”) dengan teks perincian, kita gunakan tag

. Tag ini memiliki fungsi membuat perincian dua tab kedalam paragraph. Lalu tulis perincian yang sesuai dengan permasalahan dan setiap perincian kita akhiri dengan tag

. Namun sebelum penulisan tag

, kita tuliskan dulu tag


lagi agar hasil yang kita buat dapat sesuai dengan permasalahan. Tag
ini kita ketik sebelum tag

dan setelah tag

ini kita letakkan lagi tag


dan diakhiri tag

yang fungsinya telah dijelaskan diatas (nomor 10). Tag

ini kita tambahkan tidak lain dan tidak bukan agar pemecahan masalah dapat sesuai dengan permasalahan yang akan diselesaikan.
Dalam container

tambahkan komentar TYPE untuk mengidentifikasi sitem pengurutan apa yang digunakan. Disini saya menggunakan TYPE=”i” sesuai dengan permasalahan yang akan diselesaikan.

Untuk versi lengkap bisa didownload DISINI...