Panduan Lengkap Belajar HTML Untuk Pemula

Belajar bahasa pemrograman HTML adalah langkah yang tepat untuk menjadi seorang web programmer. Ada banyak sumber belajar yang tersedia, termasuk video tutorial di YouTube, kursus online, dan buku-buku tentang HTML. Pastikan untuk membaca HTML standard dan dokumentasi untuk mendapatkan informasi yang tepat tentang bagaimana menggunakan HTML dalam kode Anda.

HTML adalah singkatan dari HyperText Markup Language. Ini adalah bahasa markup standar yang digunakan untuk membuat halaman web. Halaman web ditulis dalam HTML dengan menggunakan tag untuk menentukan bagaimana informasi harus dipresentasikan di halaman web. Tag HTML juga menentukan struktur halaman web, misalnya judul, paragraf, tabel, daftar, dan banyak lagi.

Contoh syntax HTML adalah sebagai berikut: 

<!DOCTYPE html>

    <html> <title>Page Title</title>

    <head> Head </head>

    <body>
    <h1>This is a Heading</h1>
    <p>This is a paragraph.</p>
    </body>
    </html>


Nah jika ingin melihat hasil script diatas kalian bisa copy dan paste dinotepad, lalu save dengan eksistensi .html . Cobalah buka hasilnya dan bereksperiment sendiri dinotepad, saya sarankan saat ngoding gunakan tools Sublime Text agar lebih mudah.

Kumpulan Tag Html

Html memiliki tag yang sangat banyak bahkan susah untuk diingat, apakah kita perlu mengingat semuanya ? Tidak perlu, yang perlu diingat hanyalah tag yang memiliki sifat penting. Berikut adalah kumpulan Tag HTML beserta fungsinya.

<! DOCTYPE HTML> Deklarasi definisi dokumen dalam HTML

<html> Tag pembuka untuk membuat dokumen HTML

<head> Metainformasi dokumen

<title> Buat nama halaman yang akan muncul nanti di browser

<body> Semua konten di halaman web dibuat menggunakan HTML

 Bagian tag kedua :

<h1> sampai <h6> Untuk buat judul atau heading

<hr> menampilkan garis untuk memisahkan konten

Bagian tag ketiga :

<pre> Memformat teks

<p> Teks paragraf

<br> Garis baru

Bagian tag keempat :

<b> Membuat font bold atau teks tebal

<strong> Membuat kalimat serius atau penting

<i> Membuat teks miring

<em> Membuat kalimat penekanan

<sup> Teks superscript

<ins> Teks disisipkan

<mark> Membuat teks disorot

<del> Menunjukkan teks yang dihapus

<sub> Huruf subscript atau lebih kecil

<img> Mengambil gambar

<src> Mengambil sebuah sumber atau suatu link

<alt> Menampilkan teks jika gambar error atau tidak tampil

Width - Height untuk mengatur ukuran gambar

<map> Peta gambar

<picture> Menampilkan beberapa gambar yang berbeda

<a href> Menentukan link yang akan dituju

Bagian tag kelima :

<form> Membuat sebuah formulir

<output> Menampilkan hasil hitungan

<input> Membuat tipe inputan

<datalist> Membuat daftar pilihan untuk input data

<textarea> Formulir area teks dengan lebih dari satu baris atau jumlah karakter yang tidak dibatasi

<button> Membuat tombol

<label> Memberikan label keterangan di formulir

<option> Memberikan opsi pilihan di formulir

<fieldset> Untuk mengelompokkan berbagai objek formulir

<optgroup> Membuat daftar pilihan

<select> Membuat user harus memilih satu pilihan

Sebenarnya masih banyak tag lain yang belum saya sebutkan, tetapi tag diatas adalah poin penting di Html.

Apabila kalian sudah mengerti maksud dari tag diatas maka saatnya kalian praktek sendiri, misalnya mencoba membuat suatu kalimat panjang atau cerpen menggunakan bahasa Html, namun jika kalian masih belum paham dan butuh bimbingan, kalian bisa kursus bahasa pemograman di saya.

Jika kalian ingin belajar otodidak, cobalah gunakan beberapa sumber untuk mendapatkan bimbingan lebih lanjut, misalnya di Sololearn, W3Schools, Codepolitan, dan masih banyak lagi.

Sekian tutorial dari saya semoga bermanfaat dan jangan lupa untuk share artikel ini ya, karena berbagi ilmu itu dapet Pahala 😁👌.

0 Comments