Irvan Jaya Seorang Mahasiswa Teknik Informatika - Universitas Mulawarman yang Doyan Nulis Artikel

Belajar HTML dari Nol Bahasa Indonesia [Terlengkap]

4 min read

Belajar HTML dari Nol Bahasa Indonesia [Terlengkap]

CoretanKode – Selamat datang di blog sederhana admin yakni CoretanKode.com dan pada kesempatan kali ini kita akan belajar HTML Gratis dari Nol berbahasa Indonesia dan yang pastinya materi yang admin siapkan sangatlah lengkap.

Artikel Menarik Lainnya :

Pada postingan kali ini kalian akan mengetahui bagaimana sih sebuah halaman web di ciptakan menggunakan HTML hingga di Styling menggunakan CSS. Beberapa diantara kalian mungkin menganggap membuat sebuah website itu susah.

Tetapi faktanya kalian bisa membuat halaman web dengan mudah tanpa menggunakan aplikasi yang berbayar sekali pun, kalian hanya butuh notepad sebagai text edit yang dapat kalian gunakan tetapi admin juga akan memberikan rekomendasi text editor lainnya.

Langkah Belajar HTML dari Nol

Bila kalian ingin mempelajari sesuatu dijamin terkadang kalian kebingungan pada saat ingin memulai bukan ? oleh karena itu dibawah ini admin sudah menjelaskan dan menunjukkan beberapa langkah atau materi untuk mempelajari HTML dari Nol.

Pengenalan HTML

Belajar HTML Part 1 - CoretanKodeCOM

HTML merupakan kepanjangan dari Hypertext Markup Language dan merupakan Bahasa standar untuk membuat sebuah halaman berbasis web. HTML ini merupakan penjelas struktur dari halaman web, HTML juga mempunyai beberapa banyak elemen yang digunakan untuk membangun User Interface.

Ada sangat banyak contoh dari halaman HTML yang bersebaran di internet bahkan halaman yang kalian sedang baca sekarang ini juga dibangun menggunakan HTML loh. Oleh karena itu admin tidak salah dong apabila mengatakan HTML itu merupakan Bahasa yang wajib kalian pelajari apabila ingin menjadi seorang web developer.

Contoh Sintaks Sederhana HTML :

<!DOCTYPE html>

<html>

<body>

<h1>CoretanKode</h1>

<p>Paragraf satu.</p>

</body>

</html>

Bila kalian ingin mengetahui secara lengkap detail dari HTML mulai dari contoh sintaks, cara menyimpan file dokumen dengan format HTML dan juga sejarah perkembangan-nya dapat kalian simak di artikel dibawah ini :

Mengenal Text Editor Terbaik

Belajar HTML Part 2 - CoretanKodeCOM

Setelah kalian mempelajari materi yang admin bagikan diatas yang berisikan mulai dari pengertian HTML, Contoh Sintaks dan juga sejarah dari HTML itu sendiri maka selanjutnya yang kalian ketahui adalah text editor apa yang cocok dengan kalian nih.

Karena text editor dapat dikatakan penentu mood juga bagi seorang developer, dimana fitur yang disediakan oleh sebuah text editor haruslah mampu memudahkan seorang developer dalam menuliskan baris kode-nya.

Nah bila kalian ingin mengenal secara luas tentang apa itu text editor, beberapa text editor yang cocok untuk web developer dan link downloadnya masing-masing serta penjelasan tentang fitur yang dimiliki oleh masing-masing text editor kalian bisa membaca part 2 dari sesi belajar kita di bawah ini :

Mengenal Dasar-Dasar HTML

Belajar HTML Part 3 - CoretanKodeCOM

Bila kalian sudah menemukan text editor yang cocok untuk kalian gunakan untuk menuliskan baris kode HTML yang akan kalian buat maka selanjutnya kalian bisa mulai mempelajari seperti apa dasar-dasar penulisan baris-baris kode HTML-nya.

Sedikit bocoran yang akan kalian pelajari di part 3 dari belajar HTML ini adalah bagaimana cara menyimpan sebuah file HTML agar dapat di buka pada web browser. Berikut ini adalah caranya :

  • Silahkan buka notepad
  • Silahkan tuliskan struktur dasar HTML
  • Silahkan save dengan nama “html
  • Pilih Save as Type menjadi HTML
  • Silahkan kalian coba buka di browser

Nah selain bagaimana cara agar kalian bisa membuat dan menyimpan file HTML pada part 3 belajar HTML ini kalian juga akan mengetahui sintak-sintak dasar yang ada pada HTML contohnya sintak paragraf dan juga struktur dasar seperti DOCTYPE dan masih banyak lagi lain-nya.

Untuk lebih jelas-nya mengenai dasar-dasar dari HTML dapat kalian simak di postingan dibawah ini :

Mengenal Elemen-Elemen di HTML

Belajar HTML Part 4 - CoretanKodeCOM

Setelah kalian mengetahui dasar-dasar HTML dari sesi belajar HTML sebelumnya maka selanjutnya yang harus kalian pelajari adalah elemen yang terdapat pada HTML. Sedkit membahas tentang Elemen yang terdapat pada HTML.

Elemen pada sebuah halaman web HTML adalah hal yang dimulai dari sebuah Tag Pembuka, isi konten hingga tag penutup pada sebuah dokumen HTML.

Nah bila kalian ingin mengetahui lebih lengkap lagi mengenai elemen-elemen yang terdapat di HTML kalian bisa langsung menuju ke part 4 yang menjelaskan semua elemen yang terdapat pada sebuah dokumen HTML.

Ada banyak tag yang akan kita bahas pada part mengenal elemen yang terdapat pada halaman web HTML ini oleh karena itu langsung saja baca lengkap part-nya yah dibawah ini :

Mengenal Atribut di HTML

Belajar HTML Part 5 - CoretanKodeCOM

Setelah mengetahui apa itu Elemen pada HTML, terdapat pula yang disebut dengan sebuah atribut yang berfungsi sebagai informasi tambahan yang diterapkan pada elemen-elemen yang ada di HTML. Jadi dapat dikatakan Elemen dan Atribut itu adalah sepaket yah.

Contoh atribut yakni src, href, width, height dan LANG. setiap atribut tersebut mempunyai fungsi yang beragam contohnya saja atribut height yang digunakan untuk mengatur tinggi dari sebuah objek sedangkan LANG merupakan atribut untuk meng-spesifikasikan Bahasa yang digunakan.

Ada sangat banyak atribut yang tersedia di HTML dan admin sudah membuat part-nya secara lengkap, bila kalian ingin lanjut mempelajari atribut yang ada di HTML dapat langsung berkunjung di halaman Belajar HTML Part 5 dibawah ini :

Belum selesai sampai sini saja karena kita akan belajar HTML dari nol hingga mahir dalam Bahasa Indonesia terlengkap maka masih banyak part yang seharusnya kalian pelajari secara mendetail.

Penggunaan Heading di HTML

Belajar HTML Part 6 - CoretanKodeCOM

Pada part belajar HTML kali ini admin akan menjelaskan tentang bagaimana penggunaan dari sebuah heading pada sebuah halaman website agar nilai SEO di mata Search Engine juga semakin baik.

Contoh penggunaan Heading pada Web dapat kalian lihat dibawah ini :

  • H1 digunakan untuk Judul dari Website yang kalian buat
  • H2 digunakan untuk Judul dari konten yang ada
  • H3 digunakan untuk mengidentifikasikan sub-judul pada konten kalian
  • H4 digunakan untuk poin di dalam H3
  • H5 digunakan untuk poin di dalam H4
  • H6 digunakan untuk poin di dalam H5

Nah setelah membaca contoh diatas maka seharusnya kalian sudah paham tentang kasus penggunaan terbaik heading pada halaman web baik HTML atau apa-pun itu. Standar penggunaan Heading agar SEO Friendly adalah seperti contoh yang admin berikan diatas yah.

Lebih lengkap lagi mengenai tag <h1> sampai <h6> dapat kalian simak pada part 6 dibawah ini :

Trik Membuat Paragraf di HTML

Belajar HTML Part 7 - CoretanKodeCOM

Bila kalian ingin membuat sebuah paragraf biasa saja maka bisa kalian lakukan hanya dengan menggunakan tag <p> saja tetapi apabila kalian ingin menuliskan sebuah puisi yang mempunyai styling tulisan dan juga styling baris maka part ini lah yang akan membahas-nya.

Pada paragraf kalian juga sangat bisa menggunakan banyak atribut dan atribut yang paling menarik bisa kalian gunakan adalah atribut style dimana kalian bisa memberikan gaya pada paragraf yang kalian buat seperti mengubah Font dan Warna.

Untuk selengkap-nya mengenai trik pembuatan sebuah paragraf yang atraktif di sebuah halaman HTML dapat kalian baca dibawah ini :

Memberikan Styling di HTML

Belajar HTML Part 8 - CoretanKodeCOM

Setelah kalian sudah mengetahui apa itu Elemen dan juga Atribut maka selanjutnya kita sudah akan mulai bermain pada atribut styling agar halaman HTML kalian buat dapat terlihat jauh lebih menarik lagi daripada layar hitam putih saja bukan ?

Style adalah sebuah atribut yang ada pada HTML berfungsi sebagai sebuah atribut yang berisikan informasi tentang styling atau gaya yang akan diberikan kepada sebuah elemen HTML untuk di tayangkan.

Nah karena kita sudah memasuki part mengenal styling pada halaman HTML maka kita juga akan sedikit menyinggung CSS karena atribut style menggunakan property dan value dari CSS.

Contoh styling di html kalian bisa melihat-nya dibawah ini :

<body style=”background-color:powderblue;”>

<h1>CoretanKode – We Code We Good</h1>

<p>Belajar HTML Lengkap dari Nol.</p>

</body>

Nah diatas adalah contoh styling di HTML dimana dengan sintak diatas kita akan mengubah warna dari latar belakang tampilan halaman HTML yang kita buat menggunakan property CSS background-color sehingga warna latar belakang akan menjadi seperti value-nya yakni powderblue.

Bila kalian ingin belajar lebih jauh mengenai Styling di HTML silahkan kalian cek part belajar HTML dibawah ini yah :

Nah jadi itulah materi dari Belajar HTML dari Nol Terlengkap Berbahasa Indonesia yang dapat admin berikan kepada kalian semua, Terima kasih banyak telah berkunjung dan Assalamualaikum Warahmatullahi Wabarakatu.

Irvan Jaya Seorang Mahasiswa Teknik Informatika - Universitas Mulawarman yang Doyan Nulis Artikel