#HTML

Belajar HTML Dasar #1 - Mengenal HTML

Fahras Nur Hidayat
blog thumbnails

Mengenal HTML

HTML adalah singkatan dari Hypertext Markup Language. Sebelum kita praktik untuk membuat HTML Code, kita harus tau terlebih dahulu apa itu definisi HTML, yaitu sebagai berikut :

Hypertext : di dalam HTML Code, kita bisa membuat teks menjadi link yang berfungsi untuk berpindah halaman ke halaman lainnya atau dari satu halaman ke alamat situs lain hanya meng klik teks tersebut.

Markup Language : HTML menggunakan Bahasa Markup untuk membuat website (dalam Bahasa Inggris disebut "mark"), Bahasa Markup adalah jenis Coding atau Tag untuk menandai bagian-bagian teks agar teks itu memiliki tampilan/fungsi tertentu. Misalnya, teks yang berada diantara tanda (mark) <b> atau <i> akan menjadi tebal serta miring.

Tools

Agar kita bisa membuat HTML Code, apa saja yang kita butuhkan? jadi yang harus kita install atau kita miliki terlebih dahulu ada dua tool penting berikut ini :

  1. Browser
  2. Text Editor
1. Browser

Browser digunakan untuk membuka file HTML dan CSS yang nanti akan kita buat. Jadi, hasil desain yang kita buat akan terlihat di dalam jendela browser. Kita bisa menggunakan salah satu dari beberapa Web browser berikut ini :

  • - Mozilla Firefox
  • - Google Chrome
  • - Microsoft Edge
  • - dan sebagainya.
2. Text Editor

HTML dan CSS pada dasarnya hanyalah teks biasa yang tidak membutuhkan software khusus. Kita bisa menggunakan text editor sederhana seperti :

  • - Notepad ++
  • - Atom
  • - Visual Studio Code
  • - dan sebagainya.

Kalo saya biasanya menggunakan Visual Studio Code karena memiliki fitur lebih lengkap untuk penulisan script, misalnya dilengkapi dengan extensionnya yang bisa kita gunakan untuk mendownload fitur seperti auto close Tag, pemberian warna pada Tag, auto filename, dan sebagainya.

Struktur Dasar HTML

HTML merupakan dokumen yang terstruktur. HTML memiliki struktur dasar yang terdiri dari :

  • - Tag DTD atau DOCTYPE
  • - Tag HTML
  • - Tag HEAD
  • - Tag BODY

Struktur diatas merupakan pondasi awal untuk membuat HTML Code. Coba kita lihat script berikut ini.

  
    <!DOCTYPE html>
    <html lang="en">
      <head>
        <title>Kodingnesia HTML</title>
      </head>
      <body>
        <p>Hallo sobat Koding</p>
      </body>
    </html>
  

Nahh seperti itu contoh struktur pada HTML setelah ini kita akan membahas satu per satu struktur HTML di Dasar HTML Bagian II.