Belajar HTML #01. Pengertian Dasar HTML

HTML adalah kependekan dari HyperText Markup Language. Adalah bahasa pemrograman untuk membuat website. Saya anggap kalian sudah pernah membaca tentang definisi, sejarah dan latar belakang terciptanya HTML karena sudah ditulis oleh banyak orang dan beredar di internet. Tutorial saya adalah catatan harian atau kesimpulan dari mempelajari banyak sumber, untuk bahan kajian saya sendiri terutama, semoga bisa menjadi bahan pelajaran yang berguna buat teman teman yang sama sama belajar web programing. Saya mencoba menulis tentang pengaplikasiannya secara langsung.

Menguasai HTML adalah wajib bagi mereka yang ingin membuat website sendiri. HTML tidak bisa berdiri sendiri, alangkah baiknya jika didampingi dengan CSS untuk memperindah bentuk dan Javascript untuk membuat website menjadi lebih interaktif. Pembahasan tentang CSS dan Javascript akan ditampilkan di halaman lain weblog ini.

Untuk membuat HTML diperlukan alat bantu yaitu Text Editor untuk mengetik HTML dan Web browser untuk menampilkan hasil dari text editor.

Text Editor bisa menggunakan Notepad atau Notepad++, atau Sublime Text. pada kesempatan kali ini saya memakai VS Code atau Visual Studio Code. Browsernya bisa menggunakan Chrome atau Firefox. Text Editor sebenarnya sangat banyak, ada yang gratis ada pula yang berbayar.

Tanpa panjang kata kita mulai saja praktek membuat struktur dasar HTML dengan menggunakan HTML5.


pertama kali buatlah folder di komputer, misalnya : lat1 (latihan1) kemudian simpan. buka vs code dan cari folder : lat1, buka new file dan beri nama: index.html

buka VS Code dan ketik " ! " (tanda seru) kemudian ketuk "tab"

VS Code akan secara otomatis menuliskan struktur dasar HTML. sebuah kesulitan tersendiri jika menggunakan notepad, karena harus ditulis secara manual.

klik kanan pilih "Open with Live Server" maka akan tampil seperti berikut:


bagian layar gelap di sebelah kiri adalah tampilan vs code dan sebelah kanan adalah tampilan browser.

















Belajar HTML #02. Mengenal Elemen, Tag dan Atribut.









***

Next Post Previous Post