Pengertian HTML : Sejarah Dan Fungsi HTML

Ngelmu.id – Apa itu HMTL ? pengertian html adalah singkatan dari Hyper Text Markup Language sebuah bahasa pemrograman yang umum digunakan untuk membuat sebuah halaman website, dimana HTML ini bisa kita gunakan untuk menginput gambar, text, audio, video dan lainnya untuk membuat sebuah website. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. Menggunakan tag-tag tertentu untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan di web browser.

Supaya  dapat menghasilkan tampilan wujud yang terintegerasi Pemformatan hiperteks sederhana ditulis dalam berkas format ASCII sehingga menjadi halaman web dengan perintah-perintah HTML.
HTML merupakan sebuah bahasa yang bermula bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut  Standard Generalized Markup Language (SGML).

Sekarang ini HTML merupakan standar Internet yang dikendalikan dan didefinisikan pemakaiannya oleh World Wide Web Consortium (W3C).  Pada tahun 1989, HTML dibuat oleh kolaborasi Berners-lee Robert dengan Caillau TIM  pada saat mereka bekerja di CERN (CERN merupakan lembaga penelitian fisika energi tinggi di Jenewa)

HTTP atau Hypertext Transfer Protokol merupakan protokol yang digunakan untuk mentransfer data atau document yang berformat HTML dari web server ke web browser. Dengan HTTP inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web.

HTML hingga saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 CERN adalah lembaga penelitian fisika energi tinggi di Jenewa

Pengertian HTML Menurut Para Ahli

  • Lia Kuswayatno HTML merupakan halaman yang berada pada suatu situs internet atau web. HTML merupakan metode yang menautkan (link) satu dokumen ke dokumen lain melalui teks
  • Deris Setiaan HTML merupakan framework internet, hampir semua situs web yang ada menggunakan HTML untuk menampilkan teks, grafik, suara, dan animasinya
  • Diar Puji Oktavian HTML adalah suatu bahasa yang dikenali oleh web browser untuk menampilkan informasi dengan lebih menarik dibandingkan dengan tulisan teks biasa (plain text)
  • Menurut Arief (2011c:23) “HTML (HyperText Markup Language) merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web”.
  • Menurut Sibero (2011c:19) “Hyper Text Markup Language atau HTML adalah bahasa yang digunakan pada dokumen web sebagai bahasa untuk pertukaran dokumen web”. Dokumen HTML terdiri dari komponen yaitu tag, elemen dan atribut. Tag adalah tanda awal < dan tanda akhir > yang digunakan sebagai pengapit suatu elemen. Elemen adalah nama penanda yang diapit oleh tag yang memiliki fungsi dan tujuan tertentu pada dokumen HTML. Elemen dapat memiliki elemen anak dan juga nilai. Elemen anak adalah suatu elemen yang berada didalam elemen pembuka dan elemen penutup induknya. Nilai yang dimaksud adalah suatu teks atau karakter yang berada diantara elemen pembuka dan elemen penutup. Atribut adalah properti elemen yang digunakan untuk mengkhususkan suatu elemen. Elemen dapat memiliki atribut yang berbeda pada tiap masing-masingnya.
  • Menurut Astamal (2006:8) HTML (Hyper Text Markup Language) adalah simbol-simbol atau tag-tag yang dituliskan dalam sebuah file yang dimaksudkan untuk menampilkan halaman pada web browser. Tag-tag HTML selalu diawali dengan dan diakhiri dengan dimana x tag HTML seperti b, i, u dan sebagainya. Namun ada juga tag yang tidak diakhiri dengan tanda

Dengan menggunakan perintah-perintah HTML memungkinkan user untuk melakukan fungsi-fungsi berikut ini:

  • Menentukan ukuran dan alur teks
  • Mengintegrasikan gambar dengan teks (in-line)
  • Membuat links
  • Mengintegrasikan file audio dan video
  • Membuat form Interaktif

HTML lebih menekankan pada penggambaran komponen-komponen struktur dan formatting dl dalam halaman web daripaada menentukan penampilannya. Sedangkan web browser digunakan untuk mengiterpretasikan perintah-perintah HTML. Salah satu hal penting tentang eksistensi HTML adalah tersedianya lingua franca (bahasa komunikasi). HTML tidak didesain untuk dekstop publishing, tetapi didesain sebagai bahasa pengkodean untuk World Wide Web. HTML menawarkan beberapa kemampuan untuk menampilakn dokumen memalui berbagai macam sistem komputer.

Penentuan tampilan halaman web tergantung pada web browser yang digunakan. Penentuan kondisi oleh HTML yang akan digunakan. Penentuan kondisi oleh HTML menggambarkan keterbatasan kemampuan komputer yang berbeda, baik dari segi grafikal sampai teks.

Sejarah Singkat HTML

Pada tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.

Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi di luar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini adalah HTML5.

Fungsi HTML

Fungsi dari HTML adalah digunakan untuk membuat sebuah halaman website dan juga menampilkan berbagai informasi yang di inputkan ke dalam html tersebut seperti gambar, teks, video, dan lainnya sehingga bisa di tempilkan melalui web browser. Selian itu HTML juga bisa digunakan untuk membuat sebuah link yang nantinya menuju ke sebuah halaman website lainnya dengan kode tertentu.

Contoh HTML

setelah mempelajari pengertian, sejarah dan fungsi dari html, selanjutnya adalah mempelajari contoh bahasa HTML yang bisa digunakan untuk membuat sebuah website. Dan dibawah ini merupakan salah satu contoh dasar HTML yang u,u, digunakan untuk membuat sebuah website sederhana.

  • <html>
  • <head>
  • <title>Belajar HTML</title>
  • </head>
  • <body>
  • <body bgcolor=”red”>
  • <h1>Saya Sedang Belajar HTML</h1>
  • <center>
  • <font size=”13″ color=”black” face=”arial”>
  • <p>Membuat HTML Itu Mudah Lo</p>
  • <b>HTML adalah Hyper Text Markup Leanguage</b>
  • <i>Dan Fungsi HTML itu adalah Untuk menginput Text, Gambar, Audio, Video</i>
  • <u>Itu semua mudah jika anda serius mempelajarinya :)</u>
  • </font>
  • <br>
  • <marquee>
  • <img src=”gambar.jpg atau memasukan URL gambar”> //* Satukan File HTML dengan gambar yg anda masukan agar dapat dibaca
  • </marquee>
  • </center>
  • </body>
  • </html>

Keterangan :

  • <html>  : Untuk memulai sebuah HTML
  • <title>: Untuk memberi judul pada yang nantinya akan muncul di Tab Browser
  • <head> : Untuk Bagian Header atau Atas
  • </head> : Untuk Penutup Header dan diawali dengan garis miring “/”
  • <body>  : Untuk Bagian Body atau Isi dalam HTML
  • </body> : Untuk Penutup/menutup Body dan diawali dengan garis miring  “/”
  • </html> : Untuk Menutup Sebuah HTML dan diawali juga dengan garis miring  “/”

diatas merupakan kode-kode Dasar untuk membuat sebuah HTML
Dalam HTML juga ada Tag-tag tertentu untuk mendukung  membuat sebuah website dibawah ini ada beberapa Tag dasar yang harus anda ketahui dalam HTML.

  • <h1> : ini adalah Tag Heading, yang berlevel 1, selain <h1> ada juga <h2>, <h3>, <h4>, <h5>, <h6>
  • <b>  : (Bold) Fungsinya untuk membuat Huruf menjadi Tebal
  • <i>  : (Italic) Fungsinya untuk membuat Huruf menjadi Miring
  • <u>  : (Underline) Fungsinya untuk membuat dibawah huruf berisi garis
  • <p>  : Untuk membuat sebuah Paragraf
  • <br> : untuk Membuat sebuah baris baru atau enter
  • <hr> : untuk membuat sebuah garis Horizontal
  • <center> : untuk membuat tulisan atau gambar berada di tengah-tengah
  • <img src=”gambar-anda.jpg atau Url gambar anda”> : fungsinya untuk memasukan sebuah gambar
  • <body bgcolor=”black”> : Fungsinya untuk memberi warna untuk background atau latar belakang dan “black” bisa diganti sesuai keinginan anda, misalnya “red”, “yellow”
  • <font color=”red”> : Untuk mengatur warna Text dan ditutup dengan </font>
  • <font size=”12″> : untuk mengatur Ukuran Sebuah Text dan ditutup dengan </font>
  • <font face=”arial”> : Untuk mengatur jenis Font atau Text yang akan digunakan
  • <marquee> : untuk membuat sebuah text ataupun gambar bergerak