Belajar HTML Menggunakan Notepad++


Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan dalam format ASCII normal sehingga menjadi halaman web dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah lembaga penelitian fisika energi tinggi di Jenewa).

Singkatnya Hypertext Mark Up Language adalah bahasa standar pemrograman untuk membuat suatu website yang bisa diakses dengan internet. Html merupakan standar pembuatan website secara luas agar laman website dapat ditampilkan pada layar komputer. Jadi setiap Anda membuka website apapun dengan menggunakan browser maka web tersebut dibuat dengan menggunakan HTML.
Disini saya akan memberikan contoh sederhana, bagaimana menggunakan HTML pada Notepad++ :


            Belajar HTML

Hi ! Saya Belajar HTML Lo…

Koding diatas adalah contoh sederhana bagaimana cara belajar HTML,
Apabila di terapkan pada Notepad++ akan jadi seperti ini :


Pertama – tama yang harus dilakukan yaitu save project terlebih dahulu, ada perbedaan antara file yang sudah disave dalam Komputer/Laptop anda masing – masing dengan project yang belum tersave. Yaitu tulisan pada Notepad++ tersebut. Apabila project yang anda buat belum tersave, tulisannya masih hitam semua/berupa teks saja.
Namun apabila project sudah tersave sempurna tulisan akan menjadi seperti dibawah ini :


Disini saya akan membantu sobat – sobat bagaimana cara save project Notepad++ dengan sempurna, Berikut Cara – caranya :

1.      Pada Keyboard tekan secara bersamaan “CTRL + S”, atau Secara manual cari dan pilih “Berkas – Simpan Sebagai”
*Tampilan Berikut Menjelaskan Secara Manual

2.      Setelah sobat – sobat sekalian mengklik “Simpan Sebagai” akan muncul tab Berikut:

Pada tahap ini Sobat – sobat bisa memilih untuk menyimpan project dimanapun sobat inginkan. Namun jangan terburu – buru mengklik “Save”, Perhatikan langkah Selanjutnya.

3.      Pada file name anda bisa member nama sesuka hati anda disini saya member nama “Belajar HTML”.
Pada Save as Type Klik dan Pilih “Hyper Text Markup Language File”


Lalu Klik Save.

Selamat anda sudah mengsave secara sempurna project anda.
Langkah selanjutnya yaitu uji coba pada web Browser anda.

Berikut step – step yang dilakukan :
1.      Pada Tab Jalankan / Run pilih browser yang telah teristall pada Komputer/Laptop anda. 


2.      Apabila semua step sudah terlaksana dengan baik hasilnya akan persis seperti dibawah.
 

Sekian dari saya, apabila ada penulisan yang kurang baik maupun tata letak yang keliru mohon dimaklumi. Terima kasih sampai jumpa di artikel saya yang selanjutnya.

Refrensi :

Komentar