Cari Blog Ini

Rabu, 27 Februari 2019

Mempelajari apa itu "HTML" serta bagaimana cara pemrogramanya!! 

  Hasil gambar untuk html
   
   assalamualaikum warahmatullahi wabarakatu :))

pada kesempatan kali ini saya akan memberikan sedikit pengetahuan tentang apa itu "HTML", sebelum membahas lebih dalam kita perlu mengetahui apa itu HTLM??

HTML (HyperText Markup Language)

HTML bukanlah bahasa pemrograman seperti bahasa C, bahasa C++, bahasa C# dll yang dapat menjalankan suatu proses lewat program tertentu. HTML adalah software editor yang dapat memungkinkan seorang user dapat membuat dan menyusun paragraf teks, heading, link/tautan dan blockquote untuk halaman web dan aplikasi.

agar penjelasan ini semakin lebih jelas dan mudah dipahami, alangkah baiknya anda mendownload terlebih dahulu agar kita dapat belajar sambil mempraktekkanya. aplikasi editor untuk HTML yaitu "Visual Studio Code" yang dapat di download melalui link dibawah ini :

                                         https://code.visualstudio.com/download

jika anda sudah mendownloadnya, marilah kita mulai dengan menginstalnya terlebih dahulu diperangkat kita:
1. setelah anda telah berhasil mendownload software editor "VISUAL STUDIO" maka akan muncul seperti tampilan diatas dan kemudian klik menu next.
2.  setelah menekan menu next, maka akan muncul tampilan seperti gambar diatas, kemudian ubah pilihan dari "I do not accept the agreement" menjadi "I accept the agreement agar proses dapat dilanjutkan.
3.  setelah itu akan muncul menu seperti gambar diatas yang nantinya anda akan di minta untuk memilih tempat manakah pada pc anda yang nantinya akan digunakan untuk menyimpan data yang akan di instal. anda dapat memilihnya dengan menekan browse.
4. setelah itu akan muncul menu seperti gambar diatas, kemudian centang setiap menu kita dapat mengakses semua layanan yang ada di visual code. kemudian pilih menu next



5. setelah itu akan muncul seperti gambar diatas yang merupakan tahap terakhir administrasi data, kemudian pilih meni "instal".
6.  setelah selesai ter instal maka klik finish, kemudian buka VISUAL STUDIOCODE dengan mengklik icon yang ada seperti pada gambar diatas.
7.  stelah itu akan muncul seperti gambar diats yang mana merupakan tampilan dari VISUAL STUDIO CODE :)). nah sebelum kita memulainya, kita harus membuat data baru dengan cara klik
FILE >> NEW FILE maka data baru sudah bisa kita akses tetapi masih belum tersimpan. oleh karena itu bila kita ingin mengamankan data kita terlebih dahulu agar tidak hilang ataupun lupa menyimpanya maka klik menu FILE >> SAVE >> Kemudian ubah type data tersimpan dari "Plain text" menjadi HTML, karena apabila kita menyimpan data dengan type Plain text maka data akan tersimpan hanya dalam bentuk NOTE.

kemuidan Klik SAVE. maka data akan otomatis tersimpan di tempat yang telah anda tentukan.

8.  nah pada gambar diatas adalah tampilan data baru yang telah kita buat tetapi belum di Simpan sehingga namanya adalah Untitled. tetapi setelah kita telah menyimpanya seperti proses diatas maka data otomatis akan berubah
9.  gambar diatas adalah contoh dasar dari struktur program yang harus ada dalam membuat HTML.
Penjelasan  :
                ·        DOCTYPE deklarasi mendefinisikan jenis dokumen menjadi HTML
·        Teks antara <html> dan </ html> menggambarkan sebuah dokumen HTML
·        Teks antara <head> dan </ head> memberikan informasi tentang dokumen
·        Teks antara <title> dan </ title> memberikan judul untuk dokumen
·        Teks antara <body> dan </ body> menggambarkan isi halaman yang terlihat
·        Teks antara <h1> dan </ h1> menggambarkan judul
                             ·        Teks antara <p> dan </ p> menjelaskan isi 

10.  sebagai pengenalan saja, setelah mencoba menuliskan data program seperti gambar no 9. kemudian klik save, kemudian buka data tersimpan di tempat awal anda ingin menyimpan data. kemudian akan muncul seperti gambar  diatas dan klik data tersebut maka akan tampil seperti gambar dibawah.



Oke itu saja yang dapat saya berikan untuk perkenalan dasar mengenai HTML dan juga cara pengoperasianya menggunakan software editor Visual Studio Code serta mengetahu program dasarnya yang nantinya dapat mengantarkan kita ke proses selanjutnya agar lebih jelas. 

untuk kesempatan selanjutnya saya akan sedikit lebih dalam mengenai program HTML, cukup sudah bila saya ada salah penulisan kata atau dll saya mohon maaf sebesar besarnya.

Wassalamualaikum warahmatullahi wabarakatu,,, :))

"BE HEALTY AND BE HAPPY"


























Tidak ada komentar:

Posting Komentar