Penjelasan dan Fungsi HTML

“HTML itu apasih?”

“Kepanjangan HTML itu apa?”

“Apa aja kegunaannya?”

          Mungkin  pertanyaan ini yang ada di pikiran kamu bila kamu ingin mempelajari dunia web programming, HTML adalah unsur dasar untuk untuk membangun pondasi atau mendirikan sebuah website. Tidak hanya rumah Web pun juga membutuhkan pondasi yang kuat, karena pada sebuah website yang sering kita kunjungi terbuat dari Bahasa HTML.

Pengertian HTML

       Hyper Text Markup Language atau yang biasa kita sebut dengan HTML adalah sebuah bahasa Pemogramman yang digunakan untuk membuat sebuah halaman website. Didalam dunia pemograman berbasis website (web Programming), Bahasa HTML merupakan dasar pertama untuk membangun sebuah website, File HTML bisa kita simpan dengan ekstensi .html dan bisa kita akses menggunakan web browser seperti Google Chrome, Mozila Firefox, Opera, IE(Internet Explorer),Safari dan sebagainya. Bila kita ingin membuat sebuah website tidak cukup hanya dengan HTML saja kita juga memerlukan CSS, PHP, dan juga JavaScript untuk membuat halaman website yang dinamis, jika hanya menggunakan bahasa HTML saja maka halaman website kita terlihat statis karena tidak memiliki fungsi – fungsi yang dapat mengelola website. Tentu developer akan sangat kesulitan dengan harus mengganti file HTML bila ingin meng-update artikel baru.

          HTML memiliki beberapa element yang tersusun dari tag tag yang memiliki fungsi masing – masing. Contohnya seperti heading, paragraf, List, Tombol, membuat hyperlink atau link yang menghubungkan antar halaman website lain.

Kegunaan HTML

       HTML memiliki fungsi sebagai pondasi sebuah halaman website. HTML memiliki fungsi lain sebagai berikut ini.

·       Membungkus element element tertentu sesuai dengan kebutuhan.

·       Membuat heading atau Judul.

·       Membuat tabel.

·       Membuat list.

·       Membuat paragraf.

·       Membuat Form.

·       Membuat tombol.

·       Membuat huruf menjadi tebal.

·       Membuat huruf menjadi miring.

·       Menampilkan gambar.

·       Menampilakan video.­­­­­

Dan masih banyak lagi yang bisa di buat oleh bahasa HTML.

Saat ini HTML sudah sampai pada versi 5. HTML5 sudah memiliki banyak sekali fitur tambahan salah satunya, HTML5 memungkinkan kita untuk membuat streaming video tanpa bantuan Adobe Flash.

Kesimpulan dari pengertian HTML adalah HTML merupakan bahasa pemograman untuk membangun pondasi sebuah website. Untuk dapat menjalankan file HTML yang sudah di buat harus menggunakan web browser, tentunya dengan file HTML yang sudah di simpan dengan ekstensi .html(dot html).

Memilih text editor

       Sebelum mulai menuliskan kode kode html, kita harus memilih text editor yang ingin kamu gunakan untuk menuliskan kode kode html terlebih dahulu.

          Text editor merupakan aplikasi yang  digunakan untuk menulis syntax atau kode pemograman, khususnya untuk menuliskan kode Program HTML itu sendiri. Text editor itu sendiri sangatlah banyak yang bisa digunakan untuk penulisan kode program HTML. Contohnya seperti Notepad yang telah di sediakan oleh Windows. Text editor yang disediakan oleh sistem operasi Mac dan Nano yang disediakan oleh Linux. Text editor berbeda dengan Word Processor (Microsoft word, king soft, Word Perfect). Itu dikarenakan text editor tidak bisa digunakan untuk mengatur format dokumen serta tidak disediakan fitur-fitur yang bisa digunakan untuk Desktop publishing.

          Browser merupakan aplikasi yang kita gunakan untuk menjalankan kode kode program HTML yang sudah kita ketik. Browser ini ialah syarat yang harus anda penuhi jika anda ingin belajar web programming. Untuk browser itu sendiri kita bisa menggunakan browser yang sudah disediakan oleh sistem operasi langsung contohnya IE (Internet Explorer), atau aplikasi browser lainnya seperti Google Chrom, Mozila firefox, Opera dan sebagainya.

          Berikut adalah Text editor yang saya saran kan untuk penulisan kode HTML untuk yang ingin mempelajarinya.

1.   Sublime text

Sublime text adalah text editor  yang paling banyak digunakan oleh programmer. Text editor ini memiliki tampilan yang elegan, yang khas dengan warna kecoklatannya, text editor ini tersedia untuk  Windows, Mac, dan Linux. Untuk kamu yang ingin menggunakan sublime bisa di download dari situs resminya, yaitu https://www.sublimetext.com

2.   Notepad ++

Text editor ini bisa digunakan di windows dan Free licenses (dalam artian bebas digunakan tanpa biaya). Text editor memiliki ciri khas tersendiri dan banyak fitur fitur  yang bisa diinstal di text editor ini. Buat kamu yang ingin memakai text editor ini bisa di download di situs resminya yaitu https://notepad-plus-plus.org

3.   ATOM

Text editor ini hampir sama dengan sublime namun text ini agak sedikit lebih berat jika dibandingkan dengan sublime text. Text editor ini digunakan oleh platform Mac, Windows, dan Linux.  Kalau kamu ingin menggunakan text editor ini bisa di download di https://atom.io/ .

4.   Brackets

Text editor ini memiliki kriteria sendiri dan hampir sama dengan ATOM. Text editor ini bisa di gunakan untuk Platform Mac, Windows, dan Linux. Bagi kamu yang ingin mendownloadnya bisa langsung mengunjungi situs resminya di https://brackets.io/.

5.   Netbeans

Text editor ini merupakan salah satu favorit programmer. Namun text editor ini bisa di kategorikan lebih berat dari text editor lain yang disebutkan diatas. Kemudahan text editor ini adalah tampilan kode program yang di tulis lebih rapi. Untuk kamu yang ingin menggunakan text editor ini bisa langsung ke situs resmi nya di https://netbeans.org/

Itu beberapa list text editor yang bisa digunakan untuk menuliskan kode HTML. Text editor ini tidak hanya untuk HTML saja tapi bisa juga untuk kode program lainnya seperti PHP, CSS, JavaScript, dan lain lain.

---

Download Video Penjelasan Dasar HTML yang di jelaskan oleh WebProgrammingUNPAS [ disini ]

Nonton Video Penjelasan Dasar HTML yang di jelaskan oleh WebProgrammingUNPAS [ disini ] 

---

[update] 22-09-2017 link download aktif.


Semoga bermanfaat untuk kalian yang ingin belajar mengenai bahasa program HTML ya :D 

• Twitter
• Facebook
• Google
• Tumblr
• Pinterest