Langkah mudah belajar html bagi pemula

belajar html pemula

Langkah awal bagi seseorang yang ingin membuat website adalah pertama harus bisa menguasai html. Karena html adalah dasar dari website.

Bab 1 : Pengenalan membuat halaman website

Pertama siapkan notepad bagi anda pengguna OS window atau aplikasi sejenis untuk OS lain.
Buka notepad, lalu copy paste kode html berikut ke notepad.

<html>
<header>
<title>Judul halaman</title>
</header>
<body>
<h1>Halaman website pertamaku</h1>
<p>Isi websiteku.</p>
</body>
</html>

Save as file ini dengan nama “belajar.html” tanpa tanda kutip dan jangan lupa ganti Save As type menjadi All Files.

Belajar Html
Save As type

Lalu buka folder letak file “belajar.html” tadi disimpan dan double klik file tersebut. Jika sudah benar maka browser akan memperlihatkan halaman website yang anda kerjakan tadi.

Tugas : Buka folder letak file “belajar.html” tadi disimpan dan klik kanan file tersebut lalu pilih edit. Ganti kata-kata dibawah ini sesuai selera :

  • Judul halaman
  • Halaman website pertamaku
  • Isi websiteku.

Jika sudah lalu save, double klik file “belajar.html”.

 

Bab 2 : Mengenal Header dan Body

Di dalam file html terdapat 2 bagian yang biasa di sebut Header dan Body. Header berfungsi sebagai sampul halaman website layaknya sampul dalam sebuah buku sedangkan Body adalah isi dari halaman website. Dan didalam 2 bagian itu kita bisa memasukan sejumlah tag yang harus sesuai pada tempatnya. Misal tag <title> harus ada dibagian Header dan tidak boleh diletakan di bagian Body begitu juga sebaliknya.

<html>
<header>
<title>Judul halaman</title>
</header>

<body>
<h1>Halaman website pertamaku</h1>
<p>Isi websiteku.</p>
</body>

</html>

Merah adalah Header, biru adalah Body.

 

Bab 3 : Mengenal Tag dasar

Tag html adalah sebuah kode atau baris yang menyatakan isyarat tertentu. Misal tag <b> digunakan untuk membuat teks menjadi bercetak tebal. Sedikit saran lebih baik memahami daripada menghapal tag html untuk bisa menguasai HTML, sebab ketika kita lupa salah satu tag kita bisa membuka lagi daftar tag tersebut daripada kita hapal tapi belum paham cara kerjanya.

Contoh tag Header
<title> berfungsi sebagai judul dari halaman.
<meta> berfungsi sebagai metadata dari halaman.
<style> berfungsi mengkontrol CSS.

Contoh tag Body
<b> berfungsi membuat teks tebal.
<i> berfungsi  membuat teks miring.
<u> berfungsi membuat teks garis bawah.
<a> berfungsi membuat link.
<p>  berfungsi membuat paragraf.

Contoh diatas adalah tag dasar, untuk jenis tag lain bisa anda telusuri dan pahami sendiri.