Pengertian HTML, Fungsi, dan Contoh HTML

Loading...

Pengertian HTML – HTML adalah singkatan dari HyperText Markup Language yaitu bahasa pemrograman  standar yang digunakan untuk membuat sebuah halaman web, yang kemudian dapat diakses untuk menampilkan berbagai informasi di dalam sebuah penjelajah web Internet (Browser). HTML dapat juga digunakan sebagai link link antara file-file dalam situs atau dalam komputer dengan menggunakan localhost, atau link yang menghubungkan antar situs dalam dunia internet.

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)

Loading...

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.

Sejarah 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

Html yang dikenal sebagai bahasa pemrograman dalam ilmu komputer memiliki beberapa fungsi, diantaranya adalah sebagai berikut:

  1. Fungsi utama html yang diketahui adalah untuk membuat suatu halaman website yang bisa dibaca dan dipahami oleh pengguna dengan lebih mudah. Seluruh laman website yang ada dalam internet dibuat dengan html dan tidak ada pengecualian.
  2. Menandai teks pada suatu laman, html ditulis pada suatu halaman dokumen dengan tag atau simbol tertentu dimana simbol dan tag tersebut akan menandai teks menjadi tebal, miring, bergaris tebal dan lain sebagainya. Misal jika kita membuat suatu teks menjadi teks miring atau italic, dalam laman html dituliskan kode <i>, <b> untuk teks tebal dan <u> untuk teks bergaris bawah.
  3. Sebagai dasar website, website yang dibuat tentunya memiliki beberapa fitur yang dibuat dengan menggunakan java script (untuk mengatur perilaku web), implemetasi bahasa pemrograman server PHP, dan mendesain web menggunakan CSS. Semua bahasa tersebut dapat diaplikasikan jika web memiliki bahasa html sebagai dasarnya.
  4. Menampilkan tabel, gambar, video, dan lainnya. Biasanya dalam website atau blog kita tidak bisa langsung meletakkan tabel, gambar maupun video oleh sebab itu komponen tersebut diletakkan pada web dengan menggunakan bahasa html.
  5. Menandai elemen dan membuat online form, html juga berfungsi untuk menandai bagian-bagian dalam website diantaranya header, main, footer, navigation dan lain sebagainya. Selain itu html juga biasanya digunakan sebagai bahasa dalam membuat suatu online form atau formulir digital.

 

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 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.

Demikianlah pembahasan mengenai pengertian HTML, fungsi, dan contoh HTML. Semoga artikel ini dapat berguna serta dapat bermanfaat untuk Anda semua.

Loading...

Tinggalkan Balasan

Alamat email Anda tidak akan dipublikasikan. Ruas yang wajib ditandai *