Pengertian HTML, Fungsi dan Contoh HTML Lengkap

07.05

Pengertian HTML, Fungsi dan Contoh HTML Lengkap !

Pengertian HTML

Pengertian html (HyperText Markup Language) adalah 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).
Disebut hypertext sebab di dalamnya terdapat sebuah text biasa yang memiliki fungsi lain, kita bisa membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya dengan meng-klik text tersebut.
Sedangkan, disebut Markup Language sebab bahasa HTML menggunakan tanda (mark) yang digunakan untuk menandai bagian-bagian dari text. Contohnya, text yang terletak di antara tanda tertentu akan menjadi tebal, dan apabila berada di antara tanda lainnya akan terlihat besar. Tanda tersebut di kenal dengan sebutan HTML tag.
HTML merupakan sebuah bahasa yang awalnya bahasa yang sebelumnya banyak dipakai di dunia percetakan dan penerbirtan yang disebut sebagai SGML ( Standard Generalized Markup Language).
Sejarah HTML
Tahun 1980, IBM memikirkan pembuatan suatu dokumen yang hendak mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. Setelah itu IBM mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen.
Bahasa ini disebut dengan Markup Language Markup Language adalah sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. Sistem IBM ini dinamakan Generalized Markup Language atau GML.
Setelah itu, pada Tahun 1986 ISO menyatakan bahwasannya IBM mempunyai suatu konsep tentang dokumen yang sangat baik, kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan bahwa markup language sebagai standar guna pembuatan dokumen-dokumen.
ISO membuat bahasa ini dari GML milik IBM. Kemudian menanamainya dengan nama lain, yakni SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berfungsi sebagi pemrosesan informasi teks dan sistem-sistem perkantoran.
Akan tetapi di luar perkiraan ISO, SGML dan terutama subset dari SGML, yakni HTML juga berfungsi untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web (WWW). Saat ini versi terakhir dari html ini adalah HTML5.

Fungsi HTML

Berikut ini adalah fungsi dari html, yakni :
Fungsi html yang pertama adalah untuk membuat suatu halaman website yang dapat dibaca dan dipahami oleh pengguna dengan lebih mudah. Semua laman website yang terdapat dalam internet dibuat dengan html dan tidak ada pengecualian.
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.
Misalnya, apabila kita membuat suatu teks menjadi teks miring atau italic, dalam laman html dituliskan kode <i> untuk italic, <b> untuk teks tebal dan <u> untuk teks bergaris bawah.
Sebagai dasar website, website yang dibuat tentunya mempunyai 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 bisa diaplikasikan apabila web memunyai bahasa html sebagai dasarnya.
Menampilkan tabel, gambar, video, dan lain-lain. Pada umumnya dalam website atau blog kita tidak dapat langsung meletakkan tabel, gambar ataupun video, oleh karena itu komponen tersebut diletakkan pada web dengan menggunakan bahasa html.
Selain itu, html juga berfungsi untuk menandai elemen dan membuat online form, html juga berguna untuk menandai bagian-bagian dalam website, misalnya header, main, footer, navigation dan lain-lain. Selain itu html juga berfungsi sebagai bahasa dalam membuat suatu online form atau formulir digital.

Contoh HTML

Berikut adalah contoh bahasa HTML yang dapat digunakan untuk membuat sebuah website.
Ket.
Kode-kode Dasar untuk membuat sebuah HTML adalah, sebagai berikut.
  • <html> berguna untuk memulai sebuah HTML.
  • </html> digunakan untuk menutup sebuah HTML dan diawali juga dengan garis miring “/”.
  • <title> berguna untuk memberi judul pada yang nantinya akan muncul di Tab Browser.
  • <head> berguna untuk Bagian Header atau atas.
  • </head> berguna untuk penutup header dan diawali dengan garis miring “/”.
  • <body> digunakan untuk bagian body atau isi dalam HTML
  • </body> berguna untuk penutup/menutup Body dan diawali dengan garis miring “/”.
Selain kode-kode dasar, pada html juga terdapat tag-tag tertentu yang mendukung kita dalam membuat sebuah website. Tag-tag tersebut adalah :
  • <h1> Tag Heading, yang memiliki level 1, selain <h1> ada pula <h2>, <h3>, <h4>, <h5>, dan <h6>.
  • <b> Bold berfungsi untuk membuat huruf menjadi tebal.
  • <i> Italic berfungsi untuk membuat huruf menjadi miring.
  • <u> Underline berfungsi untuk membuat huruf bergaris bawah.
  • <p> berfungsi untuk membuat sebuah Paragraf.
  • <br> berfungsi untuk membuat sebuah baris baru atau enter.
  • <hr> digunakan untuk membuat sebuah garis horizontal.
  • <center> digunakan untuk membuat tulisan atau gambar yang berada di tengah-tengah.
  • <img src=”gambar-anda.jpg atau Url gambar anda”> fungsinya adalah guna memasukan sebuah gambar.
  • <body bgcolor=”black”> digunakan untuk memberi warna pada background atau latar belakang dan “black” merupakan warna yang digunakan. Kita dapat mengganti warnanya sesuai keinginan, misalnya “blue”, “green”, “red”, dan lain-lain.
  • <font color=”red”> digunakan untuk mengatur warna text dan ditutup dengan </font>.
  • <font size=”12″> berfungsi untuk mengatur ukuran sebuah text dan ditutup dengan </font>.
  • <font face=”arial”> fungsinya untuk mengatur jenis font atau text yang hendak digunakan.
  • <marquee> berfungsi untuk membuat sebuah text ataupun gambar bergerak.

Aplikasi Untuk Download Film , Video, Music, Anime, Game, Apps, Terlengkap

Loading...
Pengertian HTML, Fungsi dan Contoh HTML Lengkap | Siswa Master | 5

Artikel Lainnya

Previous
Next Post »
Blogger
Pilih Sistem Komentar Yang Anda Sukai

Posting Komentar

Ayo budayakan komentar setelah membaca artikel ! (Jangan SPAM ya)