Berbagi Ilmu dan Pengalaman
Showing posts with label Coding. Show all posts
Showing posts with label Coding. Show all posts

Saturday, 23 January 2021

Belajar Bahasa Pemrograman WEB HTML bagian 1

    Apakah bahasa pemrograman itu? Bahasa pemrogaman adalah code atau perintah yang ditulis oleh manusia pada halaman text yang nantinya akan diterjemahkan oleh engine(mesin penerjemah) yang disebut compiler sehingga apa yang kita perintahkan pada system komputer dalam bentuk kode tersebut bisa dimegerti oleh system komputer itu, kita tahu bahwa komputer itu sendiri hanya mengerti 2 perintah yaitu on atau off dan 0 atau 1. Untuk meneterjemahkan ke dalam 2 perintah mesin itu, maka dibuatlah compiler. Apakah mesin penerjemah/compiler itu merupakan hardware komputer? 

    Mesin penerjemah atau compiler itu sendiri merupakan bagian dari softtware bahasa pemrograman, Kita tahu bahwa software itu ada beberapa macam jenis misalnya software system operasi,software aplikasi dan software compiler. Software compiler ini dapat digunakan untuk membuat software system operasi maupun software aplikasi, walaupun software compiler ini tidak akan berjalan jika tidak ada software systim operasi. Contoh dari software compiler misalnya Visual Studio,Borland Delphi, Symantec C++ dan lain lain. Sedangkan code yang ditulis itu sendiri haruslah mengikuti kaidah atau aturan dari compiler tersebut misalnya JAVA, PHYTON, C++,c#,ASSEMBLY,BASIC,VISUAL BASIC,DELPHI dan lain lain yang disebut bahasa pemrograman atau language program. 

    Kita tidak bisa menulis code program menggunakan bahasa basic akan tapi menggunakan compilernya compiler C++. JIka kita menulisnya menggunakan bahasa basic maka compilernya juga harus compiler bahasa basic kecuali import bahasa assembler karena bahasa ini mendekati ke bahasa mesin dengan cara khusus. Ada memang kode program yang tidak membutuhkan compiler yaitu bahasa pemrograman WEB. Akan tetapi menurut saya tetaplah kode program web ini harus ada yang menterjemahkan ke dalam bahasa yang dimengerti oleh system komputer, lalu siapakah yang menterjemahkannya kode WEB ini ?

    Sepengetahuan saya yang menerjemahkannya adalah web browser atau peramban yang fungsinya menampung kode yang ditulis langsung ke WEB Browser seperti Google, Internet Explore, Mozila Fire Fox dan lain - lain. Dan tentunya bukan disebut kompiler lagi karena compiler itu menghasilkan aplikasi program atau link program contoh file.exe, file.dll atau file.obj. Jadi peramban diatas merupakan hasil dari compiler walaupun peramban ini bisa menerjemahkan bahasa pemrograman WEB. 

Pada tutorial kali ini saya akan memberikan pengenalan tentang HTML. 
HTML:
Apa itu HTML atau Hyper Text Markup Language, yaitu bahasa pemrograman/kode program yang ditulis pada WEB browse untuk di terjemahkan dalam bahasa mesin agar halaman yang ditulis dengan kode Html tersebut bisa langsung digunakan untuk menampilkan gambar, mengeluarkan suara dan teks itu sendiri, yang tentunya sudah seperti layakanya halaman multi media/ halaman surat kabar sesuai perintah kode program tersebut.
    Contoh penulisan bahasa perograman atau kode HTML yang paling singkat dan untuk menampilkan gambar misalnya: 

<!DOCTYPE html >
<html>
    <body>
        <h2>    JUDUL </h2>
       <div class="separator" style="clear: both;"><a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikxsh2uWRhyphenhyphen3-434imsluDSCg-uz6a-EpFxxYOnEDuMnOF-NLIlwGcQ3so0ieNR6yyswIzby-_DoaSIdFcXtWf-ZnUaYJ1HP8zsjCvKszmrgEfBoJeiZAeodFDz2bvZFGPScmypy4nilA/s358/color+group+tambah+warna+2.PNG" style="display: block; padding: 1em 0; text-align: center; "><img alt="" border="0" width="320" data-original-height="83" data-original-width="358" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEikxsh2uWRhyphenhyphen3-434imsluDSCg-uz6a-EpFxxYOnEDuMnOF-NLIlwGcQ3so0ieNR6yyswIzby-_DoaSIdFcXtWf-ZnUaYJ1HP8zsjCvKszmrgEfBoJeiZAeodFDz2bvZFGPScmypy4nilA/s320/color+group+tambah+warna+2.PNG"/></a></div>

    </body>
</html>

JUDUL


pada HTML terdapat 

  • declaration:<!DOCTYPE html >
  • start tag:<h2>
  • end tag:</h2>
  • element content: JUDUL
  • atrribute: class=..., href=...,src=... dan lain - lain yang berada dalam  <star tag>
  • nasted element: <body>..</body>,<h2>..</h2>,<div>..</div> dan <a>..</a>  adalah nested element dari element <html>...</html>
    kode yang ditulis diatas akan menampilkan tulisan atau teks beserta gambar group warna seperti contoh diatas jika dibuka pada halaman WEB browse. bagaimana kalau dibuka pada Text,txt yang biasanya digunakan untuk menulis program? maka tampilannya akan muncul seperti kode diatas dan tidak bisa memunculkan gambar. Bagaimana kalau diterjemahkan dengan Compiler misalnya menggunakan Visual C++. Juga tidak akan berjalan karena kode HTML ini khusus hanya untuk WEB browse saja.


    Kode HTML ini sebetulnya tidak terlalu membutuhkan banyak logika atau percabangan kode seperti bahasa pemrograman WEB yang lain misalnya Java script atau PHP . Kita hanya menghafal bagaimana memasukkan gambar dan bagaimana memformat teks  dan untuk halaman web yang interaktif bisanya pemrogram memilih menggunakan PHP,Java Script, CSS maupun yang lain.

    Bahasa pemrograman ini dikembangkan oleh limuwan Eropa pada tahun 1980 yang bernama Tim-benners-Lee. Ciri HTML ini biasanya ada tanda lebih besar kemudian diikuti huruf/teks kemudian ditambahkan tanda lebih besar lagi  <h> dan diakhiri dengan </h> . Tanda - tanda  sepeti inilah yang disebut TAG.pada HTML.
    Walaupun demikian tidak semua kode HTML ini bisa dijalankan pada program WEB Browse ini, karena perkembangan mesin komputer yang begitu cepat. sampai saat ini  tahun 2020 versi HTML ini masih berada pada versi HTML 5, yang bisa memberi efek 3 dimensi pada halaman.

XHTML:
     Merupakan HTML yang diketatkan dalam penulisan serta susunan teksnya. kita tidak bisa meletakkan susunan teksnya secara sembarangan seperti HTML pada umumnya.XHTML ini kepanjangannya adalah Extensible Hyper Text Markup Language. mengapa ada XHTML ini?karena banyak sekali error dan tidak kompatible alias tidak cocoknya kode dengan web browse maka diciptakanlah bahasa XHTML ini. untuk penjelasan lebih lengkapnya silahkan  cari di situs lainnya.

  




Postingan populer

Blog ini adalah tulisan - tulisan saya tentang pengalaman belajar dan memperoleh ilmu secara autodidak, berisi tentang hoby, informasi dan pengalaman hidup. Dan ingin membagikannya kepada siapapun yang membutuhkan tentang informasi dan ilmu saya......terima kasih sudah mampir disini