Tutorial Belajar HTML Dasar Untuk Pemula : membuat website dalam waktu kurang 5 menit

Tutorial Belajar HTML Dasar Untuk Pemula : membuat website dalam waktu kurang 5 menit

1.     Membuat Website dalam 5 Menit

Baiklah sobat, kali ini kami akan membagikan contoh sederhana bagaimana membuat website hanya dalam kurang dari 5 menit, oke langsung saja simak baik-baik tutorial berikut ini :

Sudah siap membuat website? Kita mulai membuat website kurang dari 5 menit!

1.  Bukalah Notepad (All Programs > Accessories > 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, disini saya menggunakan Google Chrome)

Oke, tutorial di atas hanyalah tutorial sederhana bagaimana membuat website yang sangat sederhana. Bagaimana ? mudah bukan ?

Sekarang, kita akan mulai belajar mengenal lebih dalam apa itu HTML yang merupakan dasar dari wensite kebanyakan yang ada di dunia.

2.     Pengenalan Tag HTML

Seperti  yang  kami  sebutkan  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 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 dilakukan dengan menggunakan tag HTML.

Misalnya, untuk mem-format suatu teks menjadimiring 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 memformat atau meng mark-up HTML.

Dan pada tag tersebut yang berfungsi untuk  memiringkan text, dan tag penutup ditandai dengan tanda slash (/).

Dan berikut adalah struktur dari HTML sederhana :

<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 referensi CSS atau javascript nantinya.

Sekarang  bagaimana  jika  teks  yang  dimiringkan  tersebut  ingin  kita  tebalkan?  Untuk

menebalkan teks anda dapat menggunakan tag <strong>atau<b>, menjadi seperti berikut:

Website <strong><em>pertama</em></strong> saya

Dan coba simpan dan buka di file HTML tersebut seperti cara sebelumnya. Dan coba lihat perubahanya ?

Baik, demikian tutorial singkat hari ini berikutnya kita akan belajar Tutorial Belajar HTML Dasar Untuk Pemula : mengenal lebih dalam Struktur file HTML