Hendry Muda Rangkuti: Membuat Website Dalam 1 Menit

Selamat Pagi...
Seperti yang saya bilang di postingan sebelumnya, kita akan membuat website dalam 1 menit, Emang bisa? Tentu saja bisa, untuk itu pantengin terus blog Hendry Muda...

Sudah siapa membuat website? Kita mulai membuat website hanya dalam 1 menit!

1. Bukalah Notepad (All Programs > Accesories > Notepad) atau buka Notepad++
2. Ketikkan teks berikut : Website Pertama Saya
3. Pilih menu file > Save as
4. Beri nama "latihan1.html" (tanpa tanda kutip)
5. Pada bagian Save as type, pilih All files (*.*) Lalu klik tombol save.
6. Sekarang klik dua kali file HTML yang telah anda buat, (atau Klik dan Drag ke Web Browser anda)

Gambar Website pertama Anda

Demonsrasi di atas hanyalah langkah untuk membuat file HTML, mudah bukan?

Pengenalan Tag HTML

Seperti yang saya sebutkan pada postingan sebelumnya, bahwa HTML adalah bahasa markup, artinya bahasa HTML hanya digunakan untuk me-markup suatu dokumen. Sebagai penyederhanaan kita analogikan dengan pembuatan dokumen di Microsoft Word atau aplikasi Word Processing lainnya.

Ketika membuat sebuah dokumen word, biasanya kita melakukan fotmatting  pada teks. Seperti menebalkan teks, memiringkan, memberi garis bawah, Membuat penjudulan (Heading), Membuat list (Daftar) dan lain sebagainya. Pada HTML, formatting ini bisa kita sebut dengan proses markup dan akan dilakukan dengan menggunakan tag HTML.

Misalnya, untuk mem-format suatu teks menjadi miring kita tambahkan tag <em> atau <i>. Edit file sebelumnya menjadi seperti berikut :

Website <em>Pertama</em> saya

Dan ketika dibuka kembali pada browser, anda dapat melihat kata Pertama menjadi miring.

<em> .. </em> disebut dengan Tag HTML, yang digunakan untuk me-markup (memformat) dokumen HTML. Perhatikan bahwa setiap tag memiliki pasangan yakni tag penutupnya. Artinya hanya teks yang berada di dalam tag tersebut yang akan diberi format miring. Tag penutup ditandai dengan pendambahan tanda slash (/) sebelum nama tagnya.

Berikut ini adalah anatomi dari Tag HTML :

<namatag atribut="Nilai Atribut">

              Isi atau Konten

</namatag>

Setiap tag HTML bisa menjadi "isi" dari tag HTML lainnya, untuk membuat suatu hierarki dari dokumen HTML.

Dalam setiap tag HTML bisa disisipkan berbagai atribut yang berfungsi untuk menampung informasi-informasi tertentu, misalnya atribut id dan class yang berfungsi untuk memberi nama suatu tag sebagai refersensi CSS atau javascript nantinya.

Sekarang bagaimana jika teks yang dimiringkan tersebut ingin kita tebalkan? Untuk menebalkan tekas anda dapat menggunakan tag <strong>atau<b>, menjadi seperti berikut :

Website <strong><em>Pertama</em></strong> Saya.

Cukup demikian postingan kali ini, selanjutnya saya akan memposting Struktur File HTML. Jadi, pantengin terus blog Hendry Muda.