Pernahkan anda mendengar istilah HTML ? Bagi yang sudah berkecimpung lama di dunia Komputer pasti sudah tidak asing lagi dengan istilah HTML. Namun bagi pemula kata HTML masih terdengar asing, atau mungkin hanya sekedar tau kata HTML.
Pengertian HTML
Bagi yang belum tau apa itu HTML, berikut penjelasannya. Hypertext Markup Language atau yang biasa sering disebut dengan HTML adalah sebuah Bahasa yang digunakan untuk membangun sebuah halaman website, manampilkan informasi-informasi tertentu untuk para pembaca yang bisa diakses melalui internet. Halaman website yang dibuat dalam perangkat lunak dengan menggunakan software/perangkat lunak pengolah kata disimpan dalam bahasa ASCII (American Standard Code for Information Interchange) yang merupakan standar internasional untuk pertukaran informasi.
Makna Hypertext memiliki arti sebuah teks yang berhubungan dengan dokumen lain atau teks – teks lain yang memiliki hubungan dengan informasi tertentu. Dengan kata lain jika sebuah link pada dokumen hypertext di klik maka akan langsung dengan cepat menuju ke halaman atau dokumen yang berbeda. Pada sebuah halaman web merupakan hypertext dikarenakan kebanyakan terdapat text yang berfungsi sebagai link yang mehubungkan dokumen lain, bukan hanya text saja tetapi gambar pun juga bisa digunakan untuk menghubungkan ke sebuah dokumen.
Sedangkan istilah Markup pada html dapat diartikan sebuah tanda atau perintah yang dilakukan oleh tag – tag html pada teks yang berada didalamnya atau dengan kata lain adalah pemformatan pada sebuah teks agar terlihat indah dan rapi. Setiap tag – tag html memiliki fungsi dan atribut yang berbeda – beda. Sebagai contoh tag untuk membuat tulisan menjadi miring yaitu dengan tag <i> biasa disebut Italic dalam Microsof Word bagi yang sering membuat makalah atau laporan, untuk membuat tulisan menjadi tebal bisa menggunakan tag <b> atau Bold.
Sementara untuk Language atau bahasa pada HTML tidak sama dengan bahasa pemrograman. Mengapa demikian ? Mengapa tidak disebut dengan Bahasa Pemrograman ? Jawabnya adalah karena di dalam html hanya menggunakan bahasa markup, sedang kan bahasa pemrograman memiliki algoritma dan logika tertentu, dalam artian kita akan menjelaskan bagaimana sesuatu itu harus berjalan, biasanya di kenal dengan dengan perintah if… then… else. Jadi, bahasa markup tersebut hanya penambahan struktur teks pada dokumen.
Sejarah HTML
Bahasa Markup atau yang dikenal dengan HTML pertama kali diciptakan oleh perusahaan yang menjual perangkat keras dan perangkat lunak yang namanya sudah dikenal banyak orang yaitu IBM ( International Bussiness Machine ). IBM menciptakan sebuah bahasa yang menggabungkan simbol – simbol dengan teks kedalam sebuah dokumen dengan sebutan GML atau Generalized Markup Language. Selanjutnya ISO (Internasional Standart Organization) mengeluarkan pernyataan bahwa GML diubah istilahnya menjadi SGML (Standart Generalized Markup Language) yand ditetapkan sebagai standar dalam membuat berbagai dokumen yang dapat membantu dalam pekerjaan maupun bisnis. Bahasa tersebut dikenal dan banyak digunakan didunia percetakan dan penerbitan.
Pada tahun 1980 seorang fisikawan bernama Tim Berners Lee yang dari CERN (European Organization for Nuclear Research) menuyusun sebuah system untuk pada ilmuan CERN dalam membagi dokumen. Sembilan tahun kemudian, Tim Berners Lee menciptakan suatu markah berbasis internet yang kemudian dikenal dengan HTML.
Sekarang ini HTML merupakan standar internet yang penggunaan dan pengembangannya diatur oleh World Wide Web Consotuim (W3C), versi terakhir dari html yang digunakan sudah mencapai HTML5 yang memiliki banyak fitur – fitur baru yang lebih baik dari versi sebelumnya seperti tag Canvas <canvas>, Audio <audio> untuk memutar banyak audio atau music secara langsung tanpa menggunakan aplikasi tambahan seperti Winamp, Windows Media Player atau media audio player lainya, Video <video> peforma dari HTML5 sangatlah bagus untuk memutar video berkualitas HD.
Sejarah Versi HTML
HTML 2.0 dipublikasikan pada tanggal 24 November 1995, pada versi ini ditambahkan beberapa fitur diantaranya table, unggah file dan peta gambar.
HTML 3.2 dipubikasikan pada 14 Januari 1997, versi ini merupakan versi pertama yang dikembangkan dan distandarisasi oleh W3C, pada versi ini awalnya disebut “Wilbur”.
HTML 4.0 dipublikasian sebagai rekomendasi dari W3C pada 18 Desember 1997 dan memiliki nama “Cougar”.
HTML 4.01 pada 24 Desember 1999.
HTML 5.0 merupakan html yang terbaru dan sangat stabil direkomendasikan oleh W3C pada 28 Oktober 2014.
Fungsi HTML
Bahasa Markup ini memiliki banyak fungsi diantaranya :
Fungsi utama dari HTML adalah untuk membangun website yang berisi dokumen yang dapat dibaca dan dipahami oleh pengguna. Website yang dibuat harus memiliki dasar HTML, meskipun website nya dikombinasikan dengan CSS atau java script, unsur html nya harus ada karena syarat wajib atau dasar website harus memiliki html.
Menampilkan image/gambar, video, audio/music, table dll.
Penanda pada teks, misalnya untuk membuat tulisan menjadi miring, tebal atau bergaris bawah. Penanda ini ditulis dalam tag – tag html, tulisan yang diberi penanda harus diapit oleh tag html atau didalam tag html.
Membuat form yang interaktif.
Dapat pula untuk membuat sebuah Pranala.
Format Tulisan
HTML memungkinkan pengguna untuk penyunting atau mengatur format tulisan karena html mengacu pada pembuatan dokumen sesuai standar. Beberapa fungsi dari html untuk penyuntingan teks.
Menampilkan teks dalam beberapa ukuran, biasanya untuk memberikan judul sebuah dokumen atau biasa disebut heading.
Menampilkan tulisan tebal, miring atau bergaris bawah.
Membuat paragraph.
Menampilkan sebuah tulisan dalam bentuk list dengan tanda simbol, huruf, maupun angka.
Menampilkan teks dengan style huruf dan warna tertentu.
Mengatur perataan tulisan, rata kiri, tengah atau kanan.
Menampilan teks naskah dengan tulisan seperti mesin ketik.
Contoh halaman HTML
Dukumen dengan versi HTML 5.0
<!DOCTYPE HTML">
<html>
<head>
<title>Belajar HTML</title>
</head>
<body bgcolor=”black” text=”lime”>
<p>Halo dunia!</p>
</body>
</html>
Jika dokumen tersebut dijalankan pada web browser maka tampilan web site nya seperti ini
(Tampilan Website sederhana)
Tag-Tag Dasar Dalam HTML
HTML memiliki banyak tag – tag dengan fungsi dan atribut tertentu, dalam penulisan bahasa ini tidak mempedulikan huruf besar maupun kecil karena tidak memiliki fitur Case Sensitif. Setiap nama dari tag diapit dalam tanda kurang dari “<” dan lebih dari “>”. Format penulisan tag html seperti ini : 1) Tag pembuka atau tag awal dinyatakan dalam bentuk <nama tag>. 2) Tag penutup dinyatakan dalam bentuk </nama tag>. Tetapi adapula tag html yang tidal memiliki tag penutup seperti <br>, <hr> dsb.
Berikut adalah penjelasan dari tag – tag dasar html yang sering digunakan :
1) Tag HTML
Tag ini adalah tag awal sebuah dokumen HTML yang ditandai dengan tanda pembuka <html> dan tanda penutup </html>.
2) Tag Head
Tag ini memiliki banyak fungsi dan biasanya untuk member judul halaman Website, tah head ditandai dengan <head>…</head>, tag html juga memuat tag meta yang berisi tentang informasi tertentu mengenai halaman dokumen.
3) Tag Title
Untuk pemberial judul pada website biasanya digunakan tag title yang ditandai dengan <title>…</title>. Tag ini harus dimasukan didalam tag Head.
4) Body
Tag body memiliki fungsi untuk meletakkan isi dari sebuah dokumen, biasanya ditandai dengan tag <body>…</body>.
5) Tag P atau Paragraf
Tag ini biasanya digunakan untuk membuat paragraph pada sebuah kalimat, yang ditandai dengan tag <p> … </p>, jika sebuah paragraf diberi tag tersebut maka pada paragraf atau kalimat selanjutnya akan terdapat jarak.
6) Tag Heading
Tag ini adalah tag yang memiliki level, tag heading memiliki 6 level. Tag ini berfungsi untuk mengatur ukuran tulisan dimana jika semakin besar level nya maka tulisan akan semakin kecil. Level – level pada tag heading :
Heading Level 1, <h1>Tag heading level 1</h1>.
Heading Level 2, <h2>Tag heading level 2</h2>.
Heading Level 3, <h3>Tag heading level 3</h3>.
Heading Level 4, <h4>Tag heading level 4</h4>.
Heading Level 5, <h5>Tag heading level 5</h5>.
Heading Level 6, <h6>Tag heading level 6</h6>.
7) Tag Khusus
Tag ini biasanya digunakan untuk penanda sebuah document HTML. Jika dokumennya berbentuk HTML 5.0 maka pada bagian atas ditulis dengan tag <!Document HTML> , untuk HTML 4.0 biasanya terdapat tag <!Document HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
8) Tag tanpa penutup
Tag yang satu ini berbeda tag – tag lain yang memiliki tag penutup, diantaranya :
Tag Break Row, Tag ini biasa ditulis dengan tanda <br>, yang fungsinya untuk membuat baris baru atau memiliki fungsi seperti Enter saat membuat document.
Tag Horizontal Ruler, Tag ini berfungsi untuk memberikan garis lurus panjang mendatar yang biasnya digunakan untuk membuat surat resmi atau document resmi. Tag ini ditandai dengan <hr>.
9) Tag Input
Tag ini sudah diluar dari pembuatan document pada umum nya, tapi tag ini sangat membantu dalam pembuatan form sebuah halaman website. Misalnya form pendaftaran, form untuk login dll.
Atribut pada Tag
Atribut adalah fitur atau fungsi – fungsi yang terdapat pada setiap tag dan setiap tag memiliki fitur yang berbeda beda. Semisal pada kode diatas, tag body ditambahkan atribut bgcolor yang digunakan untuk mengatur background halaman Web, dan atribut text untuk memberi pewarnaan pada semua tulisan yang terdapat pada halaman website. Contoh lain pada tag <font> … </font> tag font digunakan untuk member style pada tulisan, didalam tag font terdapat atribut size yang funsinya untuk megatur ukuran tulisan dan juga ada tag face yang digunakan untuk mengganti jenis tulisan pada teks. Namun pada saat ini tag – tag pada HTML sudah mulai tergantikan penggunaanya oleh CSS (Cascading Style Sheet) karena lebih mudah dan efisien.
Namun semua tag HTML juga memiliki atribut style yaitu atribut yang fungsinya menyisipkan kode CSS untuk mengatur teks pada tag tersebut. CSS ini fungsinya untuk , mempercantik tampilan pada website. Mengapa digunakan CSS ? karena CSS menyediakan banyak fitur dan mudah untuk digunakan, banyak web browse yang sudah mendukung CSS. Untuk CSS sendiri sudah memasuki versi CSS 3, fitur dari CSS 3 lebih banyak lagi dibanding dengan versi sebelumnya, misalnya Croping gambar, Masking, Border Radius dll.
Sekian penjelasan dari HTML materi selanjutnya yaitu Daftar Tag - Tag pada HTML tetapi Tag-Tag HTML tidak semuanya bisa dipakai, karena tag pada HTML versi yang sebelumnya banyak yang ditinggalkan atau tidak digunakan lagi.
- Terimakasih Sudah Mengunjungi Blog Ini - Sekian - Semoga Bermanfaat -
- Jangan Lupa untuk Share -
Tidak ada komentar:
Posting Komentar