Belajar HTML - Mengenal dan Memahami Konsep Dasar HTML

Zyrush

Updated: 13 Jan, 2021 • 0 • min read

Table of Contents

HTML adalah singkatan dari Hypertext Markup Language, bahasa markup yang digunakan untuk membuat halaman web. HTML adalah kompilasi halaman web menjadi konten yang dapat dilihat melalui browser (browser Internet). Oleh karena itu, jika Anda ingin memasuki bidang pengembangan web, mempelajari HTML dan memahami cara kerja HTML akan menjadi sangat penting.

Perlu dicatat bahwa HTML bukanlah bahasa pemrograman. HTML merupakan bahasa markup yang berisi perintah-perintah dalam format tertentu yang disusun untuk menunjukkan tampilan tertentu. Oke, mari kita sederhanakan. Misalnya pada halaman web, kita sering melihat teks tebal, seperti gambar di bawah ini:

tulisan tebal dengan tag b
tulisan tebal dengan tag strong

Nah, untuk membuat teks tebal seperti teks di atas, kita bisa menggunakan kode berikut untuk membuatnya tebal menggunakan HTML:

<b>tulisan tebal dengan tag b </b><br /><strong>tulisan tebal dengan tag strong </strong>

Yang sederhana adalah jika kita menulis kode seperti yang dijelaskan di atas, browser akan menampilkan teks tebal. sedangkan Tag <br/> adalah tag yang disediakan dalam html untuk membuat baris baru atau bisa disebut sebagai enter. Oleh karena itu, HTML adalah format untuk menulis kode tertentu, dan browser dapat memahami format ini untuk menampilkan tampilan tertentu.

Oke, sekarang saya mengerti, di mana dan bagaimana saya bisa menulis kode HTML selanjutnya?
Betul sekali, agar bisa membuat halaman web dan menampilkan halaman web oleh browser sesuai kebutuhan tentunya ada aturan dan formatnya. Kita tidak bisa menulis kode HTML di Photoshop dan kemudian menjalankannya melalui browser. Ya, itu tidak berhasil. Untuk menulis kode HTML kita dapat menggunakan software code editor, seperti Notepad, Notepad ++, Sublime Text, Atom atau lainnya. Agar kode kita terbaca dengan benar oleh browser, kita harus menyimpannya dalam format HTML yaitu .htm atau .html.

Ini adalah contoh sederhana penulisan kode HTML:

 <!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
 <title>Belajar HTML Dasar</title>
</head>
<body>
     <p>HTML PERTAMAKU</p>
</body>
</html>

Penjelasan
<!DOCTYPE html>	kode disamping mendefinisikan sebagai dokumen HTML5
<html></html>	Digunakan untuk membuat dan menutup semua tag HTML.
<head></head>	Digunakan untuk mengatur dan menampilkan bagian-bagian yang tidak langsung terlihat di browser.
<title></title>	Digunakan untuk memberikan informasi header di bagian tab browser.
<body></body>	Digunakan untuk menulis kode yang akan ditampilkan di browser.
<p></p>	Tag untuk mendefinisikan sebagai paragraf

Anda dapat menggunakan Notepad, Sublime Text, atau alat lain untuk menulis kode di editor kode di atas. Editor kode yang saya gunakan di sini adalah Notepad. Demikian pula, Anda bebas menggunakan editor kode lainnya, ini hanya masalah pilihan.

Kemudian simpan dalam format .htm atau .html, misalnya pada contoh di atas kita simpan sebagai index.html. Jadi seperti inilah tampilannya saat dibuka di browser:

Demikianlah sedikit panduan belajar HTML dasar, semoga dapat bermanfaat bagi temen-temen yang sedang dalam proses belajar untuk menjadi web developer. Tenang saja, belajar HTML itu nggak susah kok, asalkan dicoba untuk dipraktekan dan terus berlatih pasti akan mudah untuk dikuasai. Ini adalah tutorial pertama pada seri belajar html, kedepannya mungkin saya akan coba melanjutkan pembahasan belajar html

Zyrush Hallo I'm Zyrush

Zyrushsite

Belajar HTML - Mengenal dan Memahami Konsep Dasar HTML

Post a Comment