DaunKoder
HTML

Belajar HTML: Dasar HTML Untuk Pemula

HTML merupakah hal pertama yang harus dipelajari jika kamu ingin Web Developer, karena HTML digunakan dalam pembuatan Web apapun.

Apa itu HTML?

HTML atau Hypertext Markup Language adalah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi pada halaman web. HTML disimpan pada file berekstensi .html.

Elemen, Tag dan Atribut

Elemen merupakan dasar pada HTML karena elemen memberi informasi tentang apa yang akan ditampilkan. Elemen terdiri dari tag pembuka, konten dan tag penutup. Tag merupakan tanda pembuka dan penutup sebuah elemen. Tag diawali oleh <, diahiri > dan berisi nama tag. Tag dibagi menjadi dua yaitu tag pembuka dan tag penutup, perbedaanya adalah pada tag penutup diawali dengan </. Konten biasanya merupakan bagian yang ditampilkan di browser.

Elemen HTML

Atribut merupakan properti yang diberikan kepada elemen dan diletakkan pada tag pembuka. Nama atribut dan nilai atribut dipisahkan oleh sama dengan =. Nilai atribut diawali dan dakhiri oleh tanda ".

Atribut HTML

Elemen dapat berisi elemen lain dengan memasukkan elemen ke dalam konten.

<p>
  <a href="http://www.google.com">Google</a>
  merupakan mesin pencari terpopuler saat ini.
</p>

Komentar

Komentar merupakan elemen yang tidak akan ditampilkan dan digunakan browser. Komentar berguna untuk menyisipkan penjelasan suatu kode. Komentar dalam HTML diawali dengan <!-- dan diakhiri dengan -->. Contohya seperti ini:

<!-- Ini adalah sebuah komentar -->

Struktur HTML

HTML mempunyai struktur:

<!DOCTYPE html>
<html>
  <head>
    <!-- Elemen-elemen yang tidak ditampilan di browser-->
  </head>
  <body>
    <!-- Elemen-elemen yang ditampilan di browser-->
  </body>
</html>

<!DOCTYPE html> menginformasikan bahwa dokumen merupakan HTML 5.Elemen <html> merupakan elemen akar pada HTML karena semua elemen HTML berada di dalamnya. Elemen <head> merupakan elemen yang berisi elemen-elemen yang tidak ditampilikan di browser, seperti judul dan meta. Elemen <body> berisi elemen-elemen yang ditampilan di browser.

Web Sederhana dengan HTML

Dalam pembuatan web kita hanya membutuhkan teks editor dan browser. Saya sangat meyarankan menggunakan teks editor dengan highlighter seperi Atom, VS Code, dan Sublime Text.

<!DOCTYPE html>
<html>
  <head>
    <title>Ini Sebuah Web Sederhana</title>
  </head>
  <body>
    <h1>Ini Sebuah Web Sederhana</h1>
    <p>Ini merupakan web sederhana yang hanya dibuat dengan HTML</p>

    <h2>Heading 2</h2>
    <p>Ini sebuah pargraf</p>
  </body>
</html>

Tag <title> memberikan judul halaman. Tag <h1> dan <h2> merupakan heading dan tag <p> merupakan paragraf.Simpan kode tersebut lalu buka dengan browser.

HTML output

Kesimpulan

HTML sangat mudah kan. Walaupun pada HTML banyak sekali tag, kalian bisa menghafalkanya dengan berlatih membuat file HTML.