Sebelumnya pastikan terlebih dahulu Anda sudah memiliki text editor pada komputer yang Anda gunakan. Biasanya Windows memiliki text editor bawaan bernama “Notepad”. Jika Anda mau menggunakan text editor lain juga bisa tergantung keperluan saja. Selain itu pastikan sudah terinstall Web Browser untuk melihat hasil dari script yang Anda tuliskan. Langsung saja silahkan ikuti panduan belajar HTML untuk pemula berikut ini:
1. HTML Basic
Semua dokumen HTML dideklarasikan dengan tipe dokumen <!DOCTYPE html> dimulai <html> diakhiri dengan </html>. Didalam dokumen HTML terdapat bagian yang akan ditampilkan dalam web browser dimulai <body> dan ditutup dengan </body>.
Berikut contoh HTML basic:
<!DOCTYPE HTML>
<html>
<body>
Ini HTML
</body>
</html>
2. HTML Elements
Dasar HTML yang kedua adalah elements, element terdiri dari tag awal dan tag akhir dengan konten yang berada ditengah-tengah tag. Kira-kira penerapannya seperti ini <tagname> Ini adalah tagnamen </tagname>.
| Start tag | Element content | End tag |
| <h1> | Ini adalah heading | </h1> |
| <p> | Ini adalah paragraf | </p> |
| <br> |
3. HTML Atributes
Atribut dalam HTML memiliki fungsi untuk memberikan informasi tambahan tentang elemen yang ada pada HTML. Semua element dalam HTML memiliki atribut yang berada pada tag awal biasanya dengan diikuti tanda kutip.
Baca juga : Daftar Bahasa Pemrograman Terpopuler Saat Ini
4. Atribut href
Atribut href diawali dengan tag pembuka <a> dan penutup </a>.
Contoh:
<a href=”https://www.qwords.com”>Ini adalah link</a>
5. Atribut src
Gambar dalam HTML didefinisikan dengan tag <img> dan nama file akan ditulis dalam atribut src.
Contoh:
<img src=”gambar_server.jpg”>
6. Atribut width dan height
Atribut width dan height dalam HTML berfungsi untuk menentukan lebar dan tinggi.
Contoh:
<img src=”gambar_server.jpg” width=”400″ height=”600″>
7. Atribut alt
Artibut alt merupakan teks alternative yang digunakan saat gambar tidak bisa ditampilkan, alternate image ini juga bisa dioptimasi untuk keperluan SEO.
Contoh:
<img src=”gambar_server.jpg” alt=”gambar server windows terbaru”>
8. Atribut style
Atribut style digunakan untuk menentukan styling seperti warna, font, ukuran dll.
Contoh:
<p style=”color:blue”>Ini paragraph style warna biru.</p>
9. Atribut lang
Atribut lang berguna untuk mendeklarasikan bahasa. Contohnya pada syntak <html lang=”en-US”> menAndakan bahasa yang digunakan adalah en menunjukan English dan US menunjukan dialek yang digunakan.
10. Atribut title
Atribut title untuk menunjukan judul dari sebuah halaman. Biasanya atribut title ini diawali dengan atribut pembuka <p> tittle </p>.
Contoh:
<p title=”Ini adalah title”>
Ini adalah paragraf.
</p>
11. HTML Headings
Heading didefinisikan dengan tag <h1> sampai <h6>. Untuk H1 biasanya digunakan untuk judul, H2 untuk sub judul dan heading lainnya mengikuti.
Contoh:
<h1>Ini Heading 1</h1>
<h2>Ini Heading 2</h2>
<h3>Ini Heading 3</h3>
<h4>Ini Heading 4</h4>
<h5>Ini Heading 5</h5>
<h6>Ini Heading 6</h6>
12. HTML Paragraphs
Tag pada paragraph didefinisikan dengan pembuka <p> dan penutup </p>.
Contoh:
<p>Ini adalah paragraf.</p>
<p> Ini adalah paragraf.</p>
Nah itulah beberapa panduan dasar belajar HTML untuk pemula. Untuk lebih lengkapnya Anda bisa belajar di W3Shools.com, disana tersedia materi HTML, CSS, JavaScript, Server Side, Programming, Web Building, XML Tutorials dan masih banyak materi lainnya.
Untuk Anda yang saat ini membutuhkan layanan hosting untuk keperluan pratktek belajar HTML dasar, Kami memiliki rekomendasi Hosting Murah dari Qwords.com. Cukup dengan membayar 14.500/bulan Anda sudah bisa memiliki layanan hosting terbaik dari Kami. Tunggu apalagi segera miliki hostingmu sekarang juga.
Hadir Pak
BalasHapusOkay pak
BalasHapusBaik pak
BalasHapus-hendrik
Baik pak
BalasHapus