Belajar HTML, Sejarah, Fungsi serta Contoh Terlengkap

Belajar HTML, Sejarah, Fungsi serta Contoh Terlengkap


Pengertian HTML (Hyper Text Markup Languange)
Hyper Text Markup Languange


Pengertian HTML

Pengertian HTML Fungsi HTML serta Contoh HTML - Apa itu HMTL ? HTML merupakan kependekan dari Hyper Text Markup Language dimana sebuah bahasa pemrograman yang sangat umum digunakan dalam membuat sebuah halaman website, HTML ini juga bisa kita gunakan untuk memasukkan teks, gambar, video, audia dan bahkan lainnya untuk membuat sebuah website. Keren bukan? HTML yaitu secara default yang digunakan secara luas untuk menampilkan sebuah halaman web. Dimana menggunakan tag-tag tertentu dalam menyatakan kode-kode seperti CSS juga selain HTML yang mesti ditafsirkan oleh browser agar halaman tersebut dapat dimunculkan di web browser.

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

Sejarah HTML

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

Pada tahun 1986, ISO menerangkan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, setelah itu mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai default untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi diberikannya sebuah nama lain, itu adalah SGML (Standard Generalized Markup Language). ISO dalam menyebarkan nya meyakini bahwa SGML akan sangat berguna dalam pemrosesan informasi teks dan juga sistem-sistem perkantoran. Akan tetapi semuanya di luar perkiraan ISO, ternyata SGML dan terutama sekali subset dari SGML, yaitu HTML ternyata juga berguna dalam menelusuri internet. Khususnya bagi mereka yang menggunakan World Wide Web (WWW). Versi terakhir dari HTML sekarang yaitu HTML5.

Fungsi HTML

Kemudian kita ke lanjut ke fungsi dari HTML dimana HTML ini berfungsi untuk digunakan dalam membuat sebuah halaman website dan menampilkan berbagai informasi yang di bisa dimasukkan ke dalam html tersebut yaitu bisa berupa gambar, teks, audio, video, dan lainnya sehingga pada akhrinya bisa di tampilkan melalui web browser. Akan tetapi selain itu, ternyata HTML juga bisa dimanfaatkan untuk membuat sebuah link yang nantinya menuju ke  halaman website lainnya dengan kode kode tertentu. Nah, disana akan ada tautan atau URL yang bisa membawa dari satu halaman ke halaman yang lainnya. Hebat, bukan? (Baca juga: Status kode HTTP)

Contoh HTML

Hemm, mungkin setelah mempelajari pengertian, sejarah dan juga fungsi dari html, serasa kurang lengkap kalau tidak di lanjuti dengan contoh HTML itu sendiri. Mempelajari contoh bahasa dari HTML bisa digunakan untuk membuat sebuah website. Dan dibawah ini adalah salah satu contoh dasar HTML yang digunakan untuk membuat sebuah website sederhana aja. Simak aja yaa:


<html>

<head>

<title>Latihan HTML</title>

</head>

<body>

<body bgcolor="blue">

<h1>Aku sedang diskusi bahasa HTML</h1>

<center>

<font size="14" color="black" face="verdana">

<p>Membuat HTML ternyata gampang, mari belajar lagi</p>

<b>HTML yaitu Hyper Text Markup Leanguage</b>

<i>Dimana Fungsi HTML itu adalah Untuk memasukkan Text, Gambar, Video, Audio</i>

<u>Akan gampang jika dalam mempelajari nya itu dengan serius</u>

</font>

<br>

<marquee>

<img src="gambar.jpg atau memasukan URL gambar"> //* Satukan File HTML tersebut dengan gambar yg anda masukan agar dapat dibaca

</marquee>

</center>

</body>

</html>

Keterangan
  • <html>  : yaitu memulai sebuah HTML
  • <title>   :  yaitu memberi judul yang akan muncul di Tab Browser
  • <head>  :  merupakan bagian Header atau Atas
  • </head> : yaitu sebagai Penutup Header dan diawali dengan garis miring "/"
  • <body>  : yaitu Bagian Body atau Isi dalam HTML
  • </body> : sebagai Penutup/menutup Body dan diawali dengan sebuah garis miring "/"
  • </html> : Yaitu menutup Sebuah HTML dan diawali juga dengan garis miring "/"
Diatas itu merupakan kode-kode Dasar untuk membuat sebuah HTML.
Kemudian dalam HTML juga ada Tag-tag tertentu sebagai pendukung dalam membuat sebuah website berikut ini ada beberapa Tag dasar yang harus anda tahu dalam sebuah HTML.


<h1> : yaitu  Tag Heading, yang berlevel 1, selain dari <h1> ada juga seperti <h2>, <h3>, <h4>, <h5>, <h6>

<b>  : (Bold) dimana fungsinya itu untuk membuat Huruf menjadi Tebal

<i>  : (Italic) yaitu yang berfungsi untuk membuat Huruf menjadi Miring

<u>  : (Underline) yaitu yang berfungsi untuk membuat garis bawah

<p>  : berfungsi untuk membuat sebuah Paragraf

<br> : berfungsi untuk Membuat sebuah baris baru

<hr> : berfungsi untuk membuat sebuah garis Mendatar/Horizontal

<center> : berfungsi untuk membuat tulisan atau pun gambar berada di area tengah-tengah

<img src="Url gambar anda"> : yang fungsinya untuk menginputkan sebuah gambar

<body bgcolor="black"> : yang fungsinya untuk memberi warna pada background atau latar belakang dan "black" bisa diganti sesuai keinginan anda, misalnya "blue", "green"

<font color="red"> : yaitu mengatur warna Text dan ditutup dengan </font>

<font size="12"> : yaitu mengatur Ukuran Text dan ditutup dengan </font>

<font face="arial"> : yaitu mengatur jenis Font atau Text tipe yang akan digunakan

<marquee> : yaitu untuk membuat sebuah text atau pun gambar dalam bergerak

Itulah artikel tentang Belajar HTML, Sejarah, Fungsi HTML dan Contoh HTML dari saya. Saya ucapkan banyak terima kasih karena telah mengunjungi Blog Saya, apabila ada yang kurang jelas silahkan berkomentar di bawah ini. Jika teman-teman hendak meng-share, silahkan di share.

Subscribe to receive free email updates: