Sabtu, 02 September 2017

Dasar Pengenalan HTML Dengan Contoh Kode Progam

     Pada artikel ini akan membahas dasar dasar pemograman HTML agar kita mengenal kode progam HTML, akan saya awali dengan apa itu Dokumen HTML, kedua kerangka progam HTML,ketiga bagaimana membuat suatu dokumen HTML agar bisa ditampilkan di Browser dan terakhir bagaimana menjalankan dokumen di web browser. Dan Ini merupakan bagian awal dari Pemograman Pengenalan HTML

1. Apa itu Dokumen HTML
    Pada dasarnya HTML adalah singkatan dari Hypertext Markup Language yang merupakan text dan kode yang ditulis menggunakan aturan tertentu yang nantinya di akses oleh user dengan aplikasi yaitu web browser. Pada dasarnya sebuah informasi yang tampil di halaman web telah di buat oleh aturan aturan yang di tetapkan oleh kode HTML itu sendiri. HTML itu sendiri adalah sebuah aturan kode agar kode yang kita ketik bisa tampil di halaman web browser, umumnya HTML sendiri disebut dengan Web Page. Untuk membuat Dokumen HTML sendiri tidak diperlukan sebuah tool atau aplikasi khusus, Kita bisa membuat kode HTML yang berupa dokumen dengan aplikasi NOTEPAD pada windows.
    Selain itu pada era modern ini telah banyak software HTML editor yang ditujukan untuk mempermudah membuat kode HTML. Kode Hypertext Markup Language pada sebuah halaman web dapat kita lihat apabila kita tekan klik kanan pada moouse trus pilih " View Page Source"


2. Cara Menamakan Dokumen HTML
    Untuk menamakan dokumen Html sendiri tidak ada aturan khusus dan baku, artinya kita bebas memilih nama yang sesuai dengan keinginan kita. Akantetapi kita harus merubah ekstensinya agar text yang kita buat sesuai aturan kode html bisa di tampilkan di web browser. Pada artikel selanjutnya akan saya jelaskan cara save as dengan ekstensi .html agar text kode yang kita buat bisa di tampilkan di browser.


3. Kerangka Kode HTML Dokumen
    Secara teori aturan penulisan kode html terbagi menjadi dua bagian, bagian awal adalah Header dan Body.  Pada bagian Head di awali dengan kode tag "<head>nama terserah</head>" perlu di ingat bahwa kode <head> berpasangan atau di akhiri dengan kode tag </head> . Begitulah dasar kode tag Html agar text yang kita ketik bisa ditampilkan, jika kita tidak memberi kode tag maka tulisan text kita tidak akan bisa ditampilkan di browser. Bagian kedua adalah body dengan kode tag <body>nama terserah </body>, dan terakhir pada kedua bagian diatas harus di apit lagi. Perhatikan gambar di bawah ini

Buatlah dengan notepad seperti contoh diatas, ingat angka diatas menjelaskan tentang kode tag yang berpasangan dengan tujuan mengapit text yang ditulis agar text tersebut sesuai dengan tujuan nya sebagai contoh kode tag title di atas maka tulisan yang di apit oleh tag tersebut akan ditampilkan paling atas sebagai title oleh aplikasi browser anda. Kemudian setelah anda membuat seperti diatas silahkan klik "file"save as dan nama file nya silahkan di berikan ".html" menggunakan titik sebelum tulisan html.  Untuk artikel selanjutnya saya akan membahas membuat Dokumen dengan kode tag HTML

Tidak ada komentar:

Posting Komentar

Macam Macam Kode Tag Pemograman HTML

     Pada artikel pemograman dasar komputer mengenai macam macam kode tag HTML yang merupakan kelanjutan dari artikel sebelumnya yaitu Dasar...