Membuat Website dalam 1 Menit

oleh

Cara Membuat Website dalam 1 Menit

Sekarang anda sudah siap untuk membuat website? mari kita mulai membuat website hanya lebih kurang dalam 1 menit saja!

  1. Bukalah Aplikasi Notepad (All Programs > Accessories > Notepad).
  2. Ketikkan teks berikut : Website pertama saya.
  3. Pilih menu File > Save As.
  4. Beri nama latihan1.html.
  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, di sini kita menggunakan Google Chrome.
Gambar di atas hanyalah sebagai demo HTML saja.

PENGENALAN TAG HTML

Seperti yang di sebutkan sebelumnya, bahwa HTML adalah bahasa Markup, artinya bahasa HTML hanya di gunakan 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 formatting 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 di lakukan dengan menggunakan tag HTML, misalnya, untuk mem-format suatu teks menjadi miring, maka kita tambahkan tag <em> atau <i>.

Edit file sebelumnya, menjadi seperti berikut :

Website <em>pertama</em> saya

Dan ketika di buka kembali pada browser, anda dapat melihat kata pertama menjadi miring, <em> .. </em> di sebut dengan Tag HTML, yang di gunakan 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 di beri format miring.

Tag penutup di tandai dengan penambahan 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 di sisipkan berbagai atribut yang berfungsi untuk menampung informasi-informasi tertentu, misalnya atribut id dan class yang berfungsi untuk memberi nama suatu tag sebagai referensi CSS atau javascript nantinya, sekarang bagaimana jika teks yang di miringkan tersebut ingin kita tebalkan? Untuk menebalkan teks anda dapat menggunakan tag <strong>atau <b>, menjadi seperti berikut :
Website <strong><em>pertama</em></strong> saya