Generic selectors
Exact matches only
Search in title
Search in content

Belajar Programing

Bina-Qurani-Belajar-Programing
Belajar Programing

Belajar programing merupakan salah satu materi pembelajaran yang saat ini banyak digandrungi oleh para pelajar. Dengan belajar programing, seseorang baik dari kalangan pelajar maupun umum dapat mengembangkan dan membangun program sesuai dengan keinginan dan kebutuhan kita.

Misalnya saja, seseorang yang ingin membangun dan mengembangkan sebuah website ataupun aplikasi yang profesional dan multifungsi, tentu dibutuhkan adanya pengetahuan tentang programing. Programing merupakan sebuah proses menulis, menguji dan memperbaiki, serta memelihara kode-kode yang dibangun pada suatu program di komputer.

Dalam membangun sebuah website atau aplikasi, seorang programmer biasanya akan menyusun kode-kode pemrograman dengan menggunakan bahasa pemrograman tertentu. Kode-kode yang ditulis dan disusun oleh programmer tersebut merupakan sebuah perintah yang diberikan kepada komputer agar dapat menjalankan suatu pekerjaan sesuai dengan perintahnya.

Bina-Qurani-Belajar-Programing

Site: Bina Qurani Islamic School, Image: Belajar Programing, Source: Photo by Christina Morillo From Pexels

Dalam dunia pemrograman, terdapat banyak bahasa pemrograman yang sering digunakan oleh programmer untuk berkomunikasi dengan komputer dalam membuat website maupun aplikasi. Beberapa bahasa pemrograman tersebut antara lain adalah:

  • JavaScript
  • SQL
  • Phyton
  • Java
  • PHP
  • HTML
  • CSS

Meski terdapat begitu banyak bahasa pemrograman, namun bagi seorang pemula yang ingin belajar programing hendaknya memulai belajar programing dengan menggunakan bahasa pemrograman yang paling dasar terlebih dahulu.

Salah satu bahasa pemrograman yang paling dasar adalah HTML. Sebenarnya, HTML bukanlah bahasa pemrograman, tetapi HTML adalah bahasa markup atau bahasa penanda pada sebuah website agar dapat dibaca oleh web browser.

Meski demikian, bagi seorang pemula yang baru belajar programing atau bahasa pemrograman hendaknya memulai pembelajarannya dengan materi HTML dasar.

Nah, pada kesempatan kali ini kami akan sedikit menulis terkait materi tentang HTML dasar sebagai acuan bagi pemula yang sedang belajar programing. Pembahasan HTML dasar ini sangat cocok untuk anda yang sama sekali tidak tahu tentang apa itu HTML maupun untuk anda yang sudah mempunyai basic tentang HTML.

Yuk kita simak!

Persiapan Belajar Programing HTML Dasar

Sebelum memulai untuk belajar programing HTML dasar, tentunya ada beberapa persiapan yang harus dilakukan agar proses pembelajaran dapat berjalan lancar.

Di antara persiapan yang perlu dilakukan adalah dengan melakukan instalasi atau pemasangan aplikasi-aplikasi yang dibutuhkan dan aplikasi pendukung seperti:

  • Pemasangan Aplikasi Web Browser
  • Pemasangan Text Editor
  • Pemasangan Add-On

Untuk lebih jelasnya, kita simak uraian berikut ini.

1. Pemasangan Aplikasi Web Browser

Aplikasi web browser merupakan perangkat utama yang digunakan untuk menampilkan halaman website dari kode-kode pemrograman. Karena pada kegiatan belajar programing kali ini kita akan belajar tentang HTML, maka web browser tersebut akan menampilkan website dari kode HTML dasar yang telah kita susun.

Setiap web browser mempunyai keunggulan dan kekurangan yang berbeda-beda dalam menampilkan halaman web yang disusun menggunakan kode-kode HTML atau bahasa pemrograman lainnya. Bisa jadi, halaman website yang telah anda buat ditampilkan secara acak-acakan dan semrawut pada browser yang satu, namun pada browser yang lainnya ditampilkan dengan tampilan yang benar, rapih dan sesuai fungsinya.

Hal tersebut dapat diatasi dengan menggunakan bahasa pemrograman CSS sebagai solusi kompatibiltas tampilan website di berbagai browser.

Berikut ini beberapa web browser yang dapat anda install di komputer anda sebagai tahap persiapan sebelum belajar programing HTML dasar:

  • Google Chrome
  • Mozila Firefox
  • Internet Explorer
  • Safari
  • Opera
2. Pemasangan Text Editor

Selain membutuhkan web browser sebagai aplikasi penampil halaman website, persiapan selanjutnya sebelum memulai belajar programing HTML dasar adalah dengan memasang atau menginstall sebuah text editor.

Terdapat banyak teks editor yang dapat kita gunakan untuk membantu memudahkan proses belajar programing HTML dasar, maupun bahasa pemrograman yang lain. Berikut ini adalah beberapa aplikasi text editor yang sering digunakan untuk coding:

  • Adobe Dreamweaver
  • Notepad++
  • Sublime Text
  • Gedit

Selain beberapa text editor di atas, masih terdapat banyak text editor lainnya yang dapat anda gunakan dalam melakukan coding sesuai dengan kenyamanan dan bahasa pemrograman yang digunakan.

3. Add On

Berikutnya adalah pemasangan Add On, yang berfungsi untuk memeriksa dan menguji kode yang telah kita susun dari setiap halaman website. Seperti:

  • Firebug
  • Web Developer Tools
Pengenalan HTML

Apa itu HTML?

HTML adalah singkatan dari Hypertext Markup Language yang artinya adalah bahasa markup atau penanda berbasis teks atau disebut juga sebagai formatting language.

HTML merupakan bahasa dasar yang digunakan untuk menampilkan halaman web pada web browser. Semua halaman web seperti google[dot]com, facebook[dot]com, twitter[dot]com, dan halaman website lainnya ditampilkan pada web browser menggunakan HTML.

Pada halaman google[dot]com misalnya, untuk dapat melihat tampilan kode HTML yang ada di dalamnya, Anda dapat melakukannya melalui dua tahapan berikut:

  1. Buka situs www[dot]google[dot]com, dan klik kanan di sembarang area.
  2. Kemudian pilih menu Inspect element

Maka pada baris pertama akan terlihat sebuah kode yang diawali dengan !DOCTYPE HTML, ini menandakan bahwa dokumen yang sedang anda buka adalah dokumen HTML.

 

Membuat Website Sederhana Dengan HTML Dasar

Setelah melakukan beberapa persiapan di atas dan mengetahui tentang apa itu HTML, sudahkah anda siap untuk membuat website sederhana?

Yuk kita mulai belajar programing dengan membuat website sederhana menggunakan HTML dasar. Pembuatan website ini tidak memerlukan waktu lebih dari lima menit. Berikut ini langkahnya:

  1. Buka text editor, kali ini saya menggunakan Notepad
  2. Masukan teks berikut:
    Website Pertama Saya Dari Belajar Programing HTML Dasar
  3. Kemudian simpan, melalui menu File > Save As
  4. Beri nama “Latihan Belajar Programing.html”
  5. Save as type All Files
  6. Klik Save
  7. Kemudian, open file tersebut menggunakan Google Chrome.

Mudah bukan, belajar programing membuat website sederhana menggunakan HTML dasar? Langkah di atas merupakan langkah mudah membuat website menggunakan file HTML.

Yuk kita lanjutkan pembahasannya!

Pengenalan Tag HTML

Seperti yang telah disampaikan di atas, bahwa HTML adalah bahasa markup atau penanda. Yaitu bahasa yang digunakan untuk me-markup suatu dokumen.

Sebagai contoh mudahnya adalah ketika kita membuat dokumen dengan menggunakan Microsoft Word, biasanya kita melakukan formatting pada teks seperti menebalkan teks, memberi garis bawah, memiringkan, membuat judul, membuat daftar, dan formatik yang lainnya.

Pada HTML, proses formatting ini sering disebut dengan proses markup yang dilakukan menggunakan tag HTML.

Misalnya untuk melakukan formating pada suatu teks pada website kita menjadi miring, dapat dilakukan dengen menambahkan tag “em” atau “i” pada file latihan yang sebelumnya telah kita buat, menjadi sebagai berikut:

Kemudian klik save, dan ketika dibuka kembali melalui browser maka kata Belajar Programing HTML Dasar akan menjadi miring.

Setiap tag HTML mempunyai pasangan penutupnya, tag penutup biasanya ditandai dengan penambahan tanda slash (/) sebelum nama tagnya.

Struktur File HTML

Tahap selanjutnya dalam belajar programing HTML dasar adalah pengenalan tentang struktur file HTML.

Dalam membuat dokumen HTML terdapat beberapa aturan yang harus dipenuhi dalam penulisannya, ada beberapa tag yang harus dituliskan di dalamnya dan sudah menjadi suatu ketentuan.

Berikut ini adalah tag yang harus ada dalam sebuah file HTML

1. !DOCTYPE HTML

Kode dasar ini adalah tag awal dari setiap dokumen HTML. Tag ini berfungsi untuk memberikan informasi pada browser bahwa dokumen yang sedang dibuka adalah dokumen HTML.

Tag ini wajib dicantumkan pada setiap dokumen HTML yang anda buat.

2. HTML

Kode ini merupakan awal dari isi dokumen HTML, semua kode yang anda tulis harus berada di dalam tag ini.

3. Head

Tag head ini digunakan untuk menyimpan dan menyampaikan berbagai mancam informasi terkait dengan dokumen HTML.

4. Title

Tag title adalah salah satu informasi yang terdapat pada tag head. Title merupakan tag yang berfungsi untuk menampilkan teks judul pada browser.

5. Body

Demikianlah beberapa tag yang harus ada pada penyusunan dokumen HTML.

Untuk lebih jelasnya, silahkan langsung dipraktikan dengan memperbaiki file latihan kita sebelumnya menjadi kode seperti berikut:

Mudah dan begitu menyenangkan bukan, belajar programing HTML?

Semoga yang singkat ini dapat bermanfaat.

Thumbnail Source: Photo From Freepik

Artikel Terkait:
#artikelterkait
Belajar Pemrograman Android Tahap Pengenalan

TAGS
#Belajar Website Pemula #Coding Dasar #Pemrograman Android #Software Pemrograman Android #Web Design #Web Developer
Login