Tutorial content coding untuk pemula

 Untuk menjadi seorang blogger yang baik, kemampuan blogging saja tidak cukup. Anda perlu mengoptimasi SEO supaya performa blog le

bih maksimal. Salah satu caranya yaitu dengan memahami coding HTML dasar untuk blogger.

Dengan mengetahui tag HTML untuk blog, Anda bisa dengan bebas menyusun informasi di dalam konten.

HTML (Hyper Text Markup Language) adalah bahasa markup untuk membuat halaman web. Bahasa markup yaitu bahasa komputer untuk memformat teks dan berbagai media di dalamnya.

Biasanya, HTML didukung dengan bahasa lainnya. Seperti CSS, JS, ataupun bahasa pemrograman lain yang lebih rumit.

Kenapa sih Anda harus belajar coding HTML? Berikut beberapa manfaatnyaAgar tidak bingung, sebaiknya Anda mengenal dulu beberapa istilah untuk belajar HTML:

  • Tag: awalan instruksi atau perintah yang akan dibaca browser. Misalnya: tag <bold>.
  • Elemen: keseluruhan kode yang terdiri dari tag pembuka (< >) hingga tag penutup (/< >).
  • Atribut/property: informasi atau perintah tambahan yang berada di dalam elemen (Contoh: style)

Nah sekarang, Anda sudah siap belajar contoh HTML untuk pemula. Di bagian akhir, kami juga akan memberikan bonus contoh desain web HTML keren yang layak Anda coba, lho. Penasaran? Yuk lanjut membaca!

1. HTML Basic

Segala template HTML di dunia memiliki bentuk dasar, yaitu HTML Basic. Apa saja yang pasti ada dalam coding HTML Basic? Kami akan membedahnya satu per satu.

<!DOCTYPE html>
<html>
<head>
  <title>Title of the document</title>
</head>
<body>
  <h1>Heading</h1>
  <p>Paragraf.</p>
</body>
</html>

Pertama, dokumen HTML harus diawali dengan <!DOCTYPE html>. Fungsinya sebagai deklarasi sehingga browser tahu dokumen ditulis dalam HTML.

Berikutnya, ada tag <html>. Tag ini akan menampung seluruh tag HTML dari awal hingga penutupan, yaitu </html>.

Setelah <html>, masuk ke tag <head>. Seperti namanya, tag ini berisi coding HTML untuk membuat kepala dokumen. Hasilnya akan terlihat sebagai judul pada tab browser Anda.

Lalu, tibalah Anda ke tag <body>. Coding HTML ini memuat inti dokumen HTML Anda, yaitu isian website.

Di akhir, jangan lupa tutup dokumen HTML dengan tag penutup yang sesuai (</html>, </body>, dll).


Komentar

Posting Komentar