Cara Menguasai HTML Bagi Pemula

Apa itu html? Pasti dalam benak setiap orang yang ingin belajar dan belum mengetahui html akan pertanyaan-pertanyaan, apakah bisa saya menguasai html, apakah sulit untuk bisa html, apa perlu keluar biaya hanya untuk menguasai html atau sebagainya, jawabannya semua itu tidak perlu dipikirkan yang ada butuhkan bukan berpikir tentang bagaimana anda meraih dan bisa html akan tetapi yang anda butuhkan sering menulis kode html dengan begitu maka lama-kelamaan akan terhafal dengan sendirinya.

Menulis kode-kode dengan tangan sendiri (menggunakan keyboard) lebih dianjurkan dibandingkan anda melakukan copy paste atau menghafalnya, namun yang sangat disarankan agar bisa menguasai bahasa html dengan cara menulis kode-kode html dari dasar sampai mahir serta dengan mengingatnya, tanpa mengingat anda tidak bisa menguasai html, jadi yang dibutuhkan adalah menulis dan mengingat sebab dalam waktu seminggu apa yang kita ingat dari kode-kode html akan lupa dengan sendirinya secara bertahap, jika anda ingin belajar ini maka anda harus membiasakan diri anda dalam hari-hari anda atau juga bisa dengan membuka ulang pelajaran html yang pernah anda belajar.

Pengertian dan penjelasan html - html adalah singkatan dari Hyper Text Markup Language yang merupakan sebuah bahasa markup yang berjalan disisi browser client (firefox, chrome, safari, opera dan ie) dan html adalah bahasa yang digunakan untuk membuat dokumen web atau template dasar (kerangka web) dari sebuah website. Template untuk website atau blog (blogger, wordpress) adalah hasil dari gabungan html dengan css dan javascript/js yang akan kita jelaskan pada artikel lainnya.

Bahasa html ditulis dengan format ASCII yang bermaksud untuk menampilkan informasi pada browser, selain itu kode atau sintaks yang ada pada html sama fungsinya dengan yang anda ketik pada microsoft office/libreoffice yaitu tebal, miring, kolom, tabel, form, input, gambar, heading dan lain-lain. Jika anda ingin tahu tentang sejarah html bisa anda kunjungi ke id.wikipedia.org/wiki/HTML. Buatlah sebuah file dengan nama index.html atau terserah anda namun yang perlu anda ketahui setiap akhiran harus berextensi .html dan copy paste sintaks yang ada dibawah ini, index merupakan file utama dalam sebuah web server yang setara dengan default.

Contoh: index.html


<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8"/>
     <title>Page Title</title>
</head>
<body>

<h1>This is a Heading</h1>
<p>This is a paragraph.</p>

</body>
</html>

Diatas adalah standar dari bahasa html versi 5 (HTML5) yang merupakan standar bahasa yang banyak saat ini dibandingkan dengan html lama (4, 3.2) atau xhtml, tag yang wajib ada dalam setiap dokumen html adalah doctype, html, head, meta, title, body sedangkan tag h1 dan p merupakan tag yang menunjukkan heading 1 dan paragraf yang memang disisipi kedalam tag body dan juga boleh ada atau tidak. Adapun tag-tag heading ada 6 seperti dibawah ini

Contoh: heading.html


<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8"/>
     <title>Page Title</title>
</head>
<body>

<h1>h1. Heading 1</h1>
<h2>h2. Heading 2</h2>
<h3>h3. Heading 3</h3>
<h4>h4. Heading 4</h4>
<h5>h5. Heading 5</h5>
<h6>h6. Heading 6</h6>

</body>
</html>

Selanjutnya adalah pembuatan tag-tag yang yang ada pada teks atau bisa di istilahkan tag untuk format teks seperti tebal, miring, hapus dan lain-lain.

Contoh: format.html


<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8"/>
     <title>Page Title</title>
</head>
<body>

<p>paragraf</p>
<mark>tag tanda/highlight</mark>
<del>hapus teks/deleted text</del>
<s>garis tengan teks</s>
<ins>garis bawah teks/insert teks</ins>
<u>teks garis bawah/teks underline</u>
<small>teks kecil</small>
<strong>teks tebal</strong>
<b>teks tebal</b>
<em>teks miring</em>
<i>teks miring</i>
<abbr title="atribut teks">atribut teks</abbr>
<a href="http://google.com">teks link</a>
<br/> baris baru dalam paragraf

</body>
</html>

Selanjutnya adalah pembuatan blok untuk teks yang biasa digunakan untuk menandai suatu kalimat yang benar-benar penting.

Contoh: block.html


<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8"/>
     <title>Page Title</title>
</head>
<body>

<blockquote>
    ini adalah teks blok untuk menandakan suatu kalimat yang penting
    <cite title="judul sumber">ini adalah sumber blok teks</cite>
</blockquote>
<q>juga sama tag blok</q>
<address>tag untuk alamat seseorang</address>

</body>
</html>

Selanjutnya adalah pembuatan list untuk teks artikel atau teks posting bukan untuk penggunaan yang lain, list ini lebih ke format teks.

Contoh: list.html


<!DOCTYPE html>
<html>
<head>
     <meta charset="utf-8"/>
     <title>Page Title</title>
</head>
<body>

<ul>
  <li>list bullet 1</li>
  <li>list bullet 2</li>
  <li>list bullet 3</li>
</ul>

<ol>
  <li>list nomor 1</li>
  <li>list nomor 2</li>
  <li>list nomor 3</li>
</ol>

</body>
</html>

Sekian semoga bermanfaat dan berguna tunggu artikel berikutnya, dalam artikel ini cuma mencakup pada typography atau format teks saja tunggu pembahasan berikutnya.