Belajar HTML Untuk Pemula

Oleh / November 26, 2020

HTML (HyperText Markup Language) adalah bahasa dasar untuk membuat halaman website. Semua situs yang kamu buka di internet baik blog, toko online, hingga portal berita dibangun menggunakan HTML. Jikaamu ingin mulai belajar membuat website, pelajari html terlebih dahulu

HTML bekerja menggunakan tag seperti:

 
<h1>Judul Halaman</h1>
<p>Ini adalah paragraf</p>
Selain itu, HTML punya banyak tag lain yang berguna. Misalnya, kamu bisa pakai <a> untuk membuat tautan, <img> untuk menampilkan gambar, <ul> atau <ol> untuk daftar, dan <table> untuk tabel.

Tag tersebut memberi tahu browser bagaimana cara menampilkan konten.

Selain itu, HTML memungkinkan kamu membuat form supaya pengunjung bisa mengirim data. Misalnya, pakai <input> untuk teks, <button> untuk tombol, dan <textarea> untuk kotak komentar.

Kenapa Harus Belajar HTML?

  • Fondasi utama web development
    Sebelum mempelajari CSS, JavaScript, atau framework lainnya, kamu harus memahami HTML terlebih dahulu.

  • Mudah dipelajari, tidak memerlukan logika atau perhitungan rumit, cocok untuk pemula.

  • Semua pengembang website menggunakan HTML di setiap situs yang mereka buat.

Oke, ini momen yang kita tunggu.. langsung saja kita siapkan softwarenya, untuk membuat sebuah pemrograman web bisa menggunakan notepad/sublime text. Saya memakai Sublime Text 3 untuk mengetik kode HTML. Jika kalian belum mempunyai silahkan download dulu yak..

Kalau sudah download, langsung saja kita buka sublime nya..

Nah, setelah kita buka, selanjutnya kita pilih menu file > new file, jangan lupa kita save dulu file kita dengan tekan ctrl+s, lalu kita pilih tempat kita akan menyimpan file tersebut, dan jangan lupa juga nama filnya harus pake .html ya contoh (belajar.html).

Mari kita mulai mengkoding..

Ketik kode berikut:

gambar html

Setelah itu, kita tekan ctrl+s. Kemudian, jalankan file di browser untuk melihat hasilnya.

Hasil runingnya seperti dibawah :

hasil kode html

Cukup sampai sini dulu ya kawan-kawan, semoga semuanya bisa mengerti dengan apa yang saya sampaikan kali ini, jika ingin mempelajari lebih lanjut, silahkan klik link ini  selamat mencoba dan sukses selalu.

{“type”:”block”,”srcClientIds”:[“6985f039-6c5d-41bc-8e62-f03b1413a616″],”srcRootClientId”:””}

wassalamu’alaikum. wr. wb

Codingannya seperti dibawah:

<!DOCTYPE html>

<html>

<head>

                <title>ini nama judul halaman</title>

</head>

<body>

                ini tulisan biasa saja<p>

<b> ini untuk membuat tulisan menjadi tebal </b> <p>

                <i>ini untuk membuat tulisan menjadi miring</i><p>

                                <u> ini untuk membuat tulisan bergaris bawah</u><p>

                                                <big>untuk membuat tulisan menjadi besar</big><p>

                                                                <small>untuk membuat tulisan menjadi kecil</small><p>

                                                                                <h1>untuk membuat heading/judul</h1><p>

                                                                                                <h2>untuk membuat heading/judul</h2><p>

                                                                                                                <h6>untuk membuat heading/judul</h6><p>

P adalah untuk membuat garis baru<p>

                <center>adalah untuk tulisan rata tengah</center><p>

</body>

</html>  

Tutorial resmi W3Schools: https://www.w3schools.com/html/

Selanjutnya setelah kamu memahami dasar-dasar HTML, kamu bisa melanjutkan belajar CSS untuk pemula agar tampilan website lebih menarik.

Scroll to Top