Senin, 04 September 2017

Dasar Pengenalan Dan Membuat Dokumen HTML

    Artikel ini merupakan kelanjutan dari artikel sebelumnya yaitu Dasar Pengenalan HTML dengan contoh kode progam. Kemudian pada artikel ini maka akan dijelaskan cara membuat dokumen HTML pertama kali dengan menggunakan Notepad biasa. Pada Halaman sebelumnya telah dijelaskan mengenai kerangka dokumen HTML dengan membuat kode tag yang saling mengapit agar teks yang diapit oleh kode tag HTML dapat ditampilkan dibrowser. Oke langsung saja saya akan memberi contoh cara membuat Dokumen HTML, dan ikuti langkahnya

Buka Notepad 

    Bukalah Notepad dan tuliskan kode tag sesuai gambar di bawah, perhatikan kode tag HTML nya dan jangan sampai ada kode kode yang terlewatkan.



   Setelah itu pilihlah save as seperti gambar di bawah ini, jika kurang jelas gambarnya maka anda dapat mengklik gambar untuk memperbesar, dan perlu di ingat dibelakang nama file harus diberi ".html" agar file notepad tadi menjadi file html yang bisa dibuka di browser.
    Lalu Buka file yang anda buat tadi, dan selamat anda telah bisa membuat dokumen Html dengan mudah dengan kerangka html yang sudah saya jelaskan pada artikel sebelumnya. Setelah itu akan dijelaskan sekilas tentang kode tag HTML, berikut penjelasannya

Kode Tag HTML

   Seperti yang telah dipaparkan diatas, bahwa untuk membuat dokumen html selain kita menamakan dokumen dengan ekstensi html maka anda juga harus memasukkan kode tag html agar dokumen tersebut terbaca pada browser. Terdapat aturan aturan khusus dalam penulisan kode tag html dan perlu diperhatikan juga penggunaan kode tag html dalam menulis dokumen, berikut penjelasanya.

  • kode tag html selalu diapit oleh tanda kurung siku "<>"
  • kode tag HTML ini tidak bersifat case sensitive namun disarankan dalam menulis kode tag nya harus menggunakan huruf kecil, misal tag <head></head> walaupun dapat ditulis <HEAD></HEAD> namun oleh W3C sangat direkomendasikan menggunakan huruf kecil
  • Setiap kode tag HTML memiliki pasangan yang berguna mengapit teks atau file tertentu agar bisa ditampilkan dibrowser, misal kode tag <head> berpasangan dengan </head> dan <body> berpasangan dengan </body> . Namun adapula kode HTML yang tag nya tidak memiliki pasangan, jadi anda tidak perlu bingung, contohnya adalah <br>, <hr>,<input>. Agar tidak membuat bingung maka anda bisa menambahkan tanda slash di akhir kode tag tersebut, contoh nya adalah <br/>,<hr/>,<input/>
  • Untuk penggunaan kode tag bersarang atau kode tag yang bertumpuk maka penulisan tag kode nya harus urut seperti contoh = <b>andi harus <i>rajin<i/> sekolah<b/>. Pada contoh disamping dalam kode tag bold"<b> terdapat penggunaan tag lainya yaitu tag kode <i>. Dalam contoh seperti diatas maka kode tag <i> harus ditutup dulu dengan </i> sebelum menutup tag bold "<b>" dengan </b>. Jadi setiap kode tag pada html harus saling mengapit, dan tidak bisa saling meloncati.
   Dengan Penjelasan diatas diharapkan pembaca dapat langsung mempraktekkan dasar untuk membuat dokumen HTML. Untuk artikel selanjutnya akan dijelaskan tentang atribut kode tag html dan contoh kode tag apa saja yang terdapat dalam pemograman 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...