loading...

SEJARAH, PENGERTIAN, VERSI - VERSI DAN SINTAK - SINTAK HTML BERSERTA FUNSINYA



A. SEJARAH HTML (HYPERTEXT MARKUP LANGUAGE)
     
     Pada tahun 1980 seorang ahli fisika, Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem markah berbasis internet. Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir 1990. Pada tahun yang sama, Berners-Lee dan Robert Cailliau, insinyur sistem data CERN berkolaborasi dalam sebuah permintaan untuk pendanaan, namun tidak diterima secara resmi oleh CERN. Di catatan pribadinya sejak 1990 dia mendaftar beberapa dari banyak daerah yang menggunakan hypertext" dan pertama-tama menempatkan sebuah ensiklopedia.
    Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah dokumen yang disebut "Tanda HTML", pertama kali disebutkan di Internet oleh Tim Berners-Lee pada akhir 1991. Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML. Kecuali untuk tag hyperlink, yang sangat dipengaruhi oleh SGMLguid, in-house Standard Generalized Markup Language (SGML) berbasis format dokumen di CERN. Sebelas elemen ini masih ada di HTML 4.
    HTML adalah bahasa markah yang digunakan peramban untuk menafsirkan dan menulis teks, gambar dan bahan lainnya ke dalam halaman web secara visual maupun suara. Karakteristik dasar untuk setiap item dari markah HTML didefinisikan di dalam peramban, dan karakteristik ini dapat diubah atau ditingkatkan dengan menggunakan tambahan halaman web desainer CSS. Banyak elemen teks ditemukan di laporan teknis ISO pada tahun 1988 TR 9537 Teknik untuk menggunakan SGML, yang pada gilirannya meliputi fitur bahasa format teks awal seperti yang digunakan oleh komandan RUNOFF dikembangkan pada awal 1960-an untuk sistem operasi: perintah-perintah format ini berasal dari perintah yang digunakan oleh pengetik untuk memformat dokumen CTSS secara manual. Namun, konsep SGML dari markah umum didasarkan pada unsur-unsur daripada hanya efek cetak, dengan pemisahan struktur dan markah juga. HTML telah semakin bergerak ke arah ini dengan CSS.

B. VERSI - VERSI HYPERTEXT MARKUP LANGUAGE

1.  HTML Versi 1.0
     HTML Versi 1.0 merupakan pionir yang di dalamnya masih terdapat banyak sekali kelemahan hingga wajar jika tampilan yang dihasilkan sangat sederhana. Kemampuan yang dimiliki versi 1.0 ini antara lain heading, paragraf, hypertext, list, serta cetak tebal dan miring pada teks. Versi ini juga mendukung peletakan image pada dokumennya tanpa memperbolehkan teks di sekelilingnya (wraping)
2. HTML Versi 2.0
    Pada HTML Versi ini, penambahan kualitas HTML terletak pada kemampuannya untuk menampilkan suatu form pada dokumen. Dengan adanya form ini, kita dapat memasukkan nama, alamat, serta saran dan kritik. HTML versi 2.0 ini merupakan pionir dari adanya web interaktif.
3. HTML Versi 3.0
    Versi HTML 3.0 menambahkan beberapa fasilitas baru seperti FIGURE yang merupakan perkembangan dari IMAGE untuk meletakkan gambar dan tabel. Selain itu, HTML ini juga mendukung adanya rumus-rumus matematika dalam dokumennya. Versi ini yang disebut HTML+- tidak bertahan lama dan segera digantikan dengan versi 3.2.
4. HTML Versi 3.2
    HTML versi ini merupakan HTML yang sering digunakan. Di dalamnya terdapat suatu teknologi untuk meletakkan teks di sekeliling gambar, gambar sebagai latar belakang, tabel, frame, style sheet dan lain-lain. Selain itu pada HTML versi ini Kita bisa menggunakan script di luar HTML untuk mendukung kinerja HTML kita tersebut, seperti Javascript, VBScript dan lain-lain.
5. HTML Versi 4
    HTML ini memuat banyak sekali perubahan dan revisi dari pendahulunya yaitu HTML 3.2. Perubahan ini hampir terjadi di segala perintah HTML seperti tabel, image, link, text, meta, imagemaps, form dan lain-lain.
6. HTML Versi 4.01
    HTML versi 4.01 merupakan revisi dari HTML 4.0. Versi terbaru ini memperbaiki kesalahan-kesalahan kecil (minor errors) pada versi terdahulunya. HTML 4.01 ini juga menjadi standarisasi untuk elemen dan atribut dari script XHTML 1.0.
7. HTML Versi 5.0
    Teknologi ini mulai diluncurkan pada tahun 2009, tetapi pada tanggal 4 Maret 2010 terdapat sebuah informasi bahwa W3C (World Wide Web Consortium) dan IETF (Internet Engineering Task Force) yaitu sebuah organisasi yang menangani HTML sejak versi 2.0 telah mengmbangkan versi HTML terbaru, yaitu versi 5.0.
    HTML 5 adalah sebuah prosedur pembuatan tampilan web baru yang merupakan penggabungan antara CSS, HTML itu sendiri dengan JavaScript.

 C. SINTAK - SINTAK DALAM HTML

     Ada beberapa sintak dalam html dan mempunyai fungsi atau kegunaan masing - masing, antara lain :

  • Mencetak tebal teks, Format : <b>diisi teks yang akan dicetak tebal</b>.
  • Mencetak tebal teks dengan tag strong, Format : <strong>diisi teks yang akan dicetak tebal dengan strong</strong>.
  • Mencetak miring teks, Format : <i>diisi teks yang akan dicetak miring</i>.
  • Mencetak teks bergaris bawah, Format : <u>diisi teks yang akan dicetak dengan garis bawah</u>.
  • Mencetak / memberi tekanan pada teks, Format : <em>diisi teks yang akan dicetak dengan diberi tekanan</em>.
  • Membesarkan Huruf, Format : <big>diisi teks yang akan dicetak besar</big>.
  • Mengecilkan Huruf, Forrmat : <small>diisi teks yang akan dicetak kecil</small>.
  • Mencetak Superscript teks, Format : <sup>diisi teks yang akan dicetak superscript</sup>.
  • Mencetak Subscript teks, Format : <sub>diisi teks yang akan dicetak subscript</sub>
  • Mencetak Teks berkedip, Format : <blink>diisi teks yang akan dicetak berkedip</blink>.
  • Mencetak teks berjalan, Format : <marquee>diisi teks yang akan dicetak berjalan</marquee>.
  • Mencetak teks dengan coretan, Format : <s>diisi teks yang akan dicetak dengan coretan</s>.
  • Membuat teks berada ditengah, Format : <center>diisi teks yang akan dicetak dan berada ditengah</center>.
  • Membuat Komentar, Format : <!..komentar..> dan dibawahnya diisi sesuai susunan pembuatan HTML.
  • Membuat teks heading,
         Format : <h1>diisi teks yang akan dicetak dengan heading ukuran 1</h1>.
                       <h2>diisi teks yang akan dicetak dengan heading ukuran 2</h2>.
                       <h3>diisi teks yang akan dicetak dengan heading ukuran 3</h3>.
                       <h4>diisi teks yang akan dicetak dengan heading ukuran 4</h4>.
                       <h5>diisi teks yang akan dicetak dengan heading ukuran 5</h5>.
                       <h6>diisi teks yang akan dicetak dengan heading ukuran 6</h6>.
         Catatan : - Semakin kecil angka, maka semakin besar ukuran teks.
                         - Semakin besar angka, maka semakin kecil ukuran teks.
  • Merubah warna / walpaper,
         Format : - <body bg color="diisi dengan nama warna dalam bahasa inggris>
                          </body>
                       - <font color="diisi dengan nama warna dalam bahasa inggris"></font>
  • Membuat penulisan alamat institusi, Format : <address>........</address>.
  • Mendefinisikan Variabel dalam program, Format : <var>.........</var>.
  • Mendefinisikan kode program, Format : <code>.......</code>.
  • Mendefinisikan Teletype Teks, Format : <tt>.........</tt>.
  • Menyingkat sebuah istilah yang panjang,
         Format : - <abbr>.........</abbr>
                       - <acronym>.........</acronym>
  • Menampilkan daftar menggunakan item penomoran, Format : <ol>........</ol>.
  • Membuat daftar menggunakan sebuah urutan penomoran, Format : <ul>........</ul>.
  • Membuat suatu daftar yang terdefinisi, Format : <dl>........</dl>.
  • Mengubah arah tampilan teks, Format : <bdo>........</bdo>.
  • Membuat kutipan pendek, Format : <q>"........."</q>.
  • Membuat kutipan panjang, Format : <blockquote>.............</blockquote>.
  • Menghapus data dan teks yang salah, Format : <del> kata yang ingin dihapus</del>.
  • Mendeskripsikan tabel dalam halaman web, Format : <table>........</table>.
  • Mendeskripsikan baris dalam tabel, Format : <tr>........</tr>.
  • Mendeskripsikan kolom dalam tabel, Format : <td>........</td>.
  • Mendeklarasikan Header, Format : <th>.......</th>.
  • Membuat Caption, Format : <caption>..............</caption>.
  • Membuat efek tulisan bergaris bawah, Format : <ins>............</ins>.
  • Mengeksekusi objek multimedia yang disertakan pada web, 
         Format : <object code="namaclassapplet.class">
                       <param name="namaparam"  value="nilaiparam">
                       </object>
  • Menampilkan gambar,
         Format : <img src="namagambar.jpg"   width="lebar"    height="tinggi">
  • Memasukan Audio,
         Format : <audio controls>
                                 <source src="nama audio.mp3">
                       </audio>
  • Memasukan Vidio,
        Format : <video src="/medi/video/namavideo.mp4  controls>
                      </video>
       Mungkin hanya itulah sedikit artiket mengenai Hypertext Mark up Language (HTML) yang mungkin bisa bermanfaat bagi anda. Dengan mengetahui lebih dalam mengenai HTML, semoga bisa menambah pengetahuan kalian. Sekian dulu pembahasan mengenai HTML kali ini. 

TERIMA KASIH SUDAH BERKUNJUNG,,,,, SEMOGA BERMANFAAT BAGI KALIAN
WASSALAMU'ALAIKUM WR. WB.

BACA JUGA : 
Tags
Previous Post Next Post