Address

Perm. Handayani, Jl. Handayani, Pekanbaru, Riau

Contact

Perkembangan bahasa pemograman untuk membantu kita membangun sebuah website saat ini sangat cepat, bisa dikatakan hampir setiap semester bahasa pemograman baru bermunculan, seperti angular, react dan lain sebagainya. Selain itu pada saat ini membuat website hampir semua orang dapat melakukannya tanpa harus mengetahui secara detail bahasa pemograman dan script.

Namun, dengan kemudahan saat ini membangun sebuah wesbite ada yang perlu dan wajib Anda ketahui dan pelajari adalah pondasi untuk membangun sebuah wesite itu apa. Anda harus belajar HTML dasar sebelum menggunakan bahasa pemograman lain. Berikut penjelasan mengenai belajar HTML dasar untuk pemula.

Apa itu HTML?

Hyper Text Markup Language (HTML) adalah bahasa markup yang digunakan untuk membangun sebuah halaman website. HTML bisa dikatakan sebuah pondasi atau kerangka pada suatu wesbite. Hampir semua website yang ada di internet dibangun menggunakan HTML dan dilengkapi atau dikombinasikan dengan Javascript dan CSS untuk memperindah tampilan dan lebih interaktif.

Sejarah HTML

HTML pertama kali diperkenalkan pada awal tahun 1980 oleh seorang ilmuwan bernama Tim Berners Lee yang memimpin sebuah tim besar dari perusahaan CERN (Conseil Europeen Pour La Recherche Nucleaire) yang bergerak dibidang Nuklir. Lalu apa hubungannya perusahaan penelitian Nuklir dengan Bahasa pemograman? Begini ceritanya, pada saat itu Tim CERN membutuhkan sebuah teknologi yang dapat membantu mereka berbagi dokumen penelitian dengan mudah.

Tim CERN membuat sebuah software dengan nama ENQUIRE. Software ini merupakan sebuah software hypertext yang pada saat itu masih digunakan dengan cara offline. Lalu pada tahun 1989 tim mengembangankan dan memperkenalkan software hypertext berbasis internet, inilah cikal bakal lahirnya HTML. Hingga pada akhir tahun 1991 Barners lee bekerja sama dengan rekannya Robert Cailliau untuk mengembangkan proyek hypertext baru dan berhasil menerbitkan dokumen resmi mengenai HTML Tags. Dokumen tersebut berisikan 18 tags aturan baku atau konsep dasar penggunaan HTML.

Mengenal Tag, Element, dan Atribut HTML

Seperti yagn disebutkan diatas HTML memiliki 18 tags konsep dasar penggunaan HTML. Jika Anda belajar HTML dasar untuk pemula ini wajib diketahui. Seperti sejarah HTML yang bermula dari perusahaan Penelitian Nuklir, Tag, Element dan Atribut adalah tiga sekawan yang menjadi atom pembentuk HTML.

Berikut masing-masing penjelasannya:

Tag, sebuah awalan instruksi yang akan dibaca pertama kali oleh browser. Tag terdiri dari Pembuka dan Penutup, yang berfungsi sebagai penanda untuk membedakan element yang satu dengan element yang lainnya. Sebagai contoh tag seperti <bold> 

Element, merupakan keseluruhan kode yang ada didalam tag pembuka dan penutup. Sebagai contoh seperti <h2> Judul Artikel </h2>. Tapi perlu diperhatikan tidak semua tag HTML memiliki pasangan penutup seperti <br>, <img>, <input> dan lain sebagainya.

Attribute, sebuah perintah tambahan atau informasi yang berada didalam suatu element HTML. Sebagai contoh <img src=”https://prameko.com/logo.png” alt=”Logo”>. Contoh diatas <img> sebagai tag, src dan alt sebagai atribut. Atribut biasanya ditandai atau diikuti dengan tanda sama dengan (=) dan nilai atribut berada diantara atau dalam tanda petik, contoh: “nilai atribut”.

Kerangka/Script dasar HTML

Setelah Anda mengetahui dan memahami tag, element dan atribut yang ada pada HTML selanjutnya untuk belajar HTML dasar adalah perlu memahami penulisan kerangka atau script dasar HTML. HTML memiliki banyak sekali tag, namun untuk memulai tag HTML ini sebagai dasarnya dan menjadi kerangka inti yang menyusun setiap element didalam dokumen HTML.

<!DOCTYPE html>, tag ini merupakan tag pembuka dari sebuah dokumen HTML yang berfungsi sebagai informasi kepada komputer bahwa Anda akan menuliskan sebuah perintah atau kode HTML.

<html></html>, tag ini berfungsi sebagai tanda bahwa Anda memulai dan mengakhiri dokumen dalam kode HTML.

<head></head>, tag ini berisikan metadata dari dokumen HTML, seperti judul, deskripsi, script css ataupun javascript dan lain sebagainya.

<body></body>, tag ini berisikan konten dari halaman website atau yang ingin di tampilkan di browser.

Secara lengkap berikut cara penulisan HTML dasar

<!DOCTYPE html>
<html>
<head>
	<title>Belajar HTML Dasar</title>
</head>
<body>
	<h1>Hello World!</h1>
</body>
</html>

Baca juga: Programmer wajib tahu, Sejarah Hello World!

Tools Menulis Script HTML

Sebelum Anda memulai menulis script HTML lengkap ada beberapa tools atau perangkat yang perlu dipersiapkan, seperti:

Text Editor

Text editor adalah tools pertama yang perlu Anda persiapkan. Text editor berfungsi sebagai pengolah script HTML. Anda dapat menggunakan Text editor seperti Notepad, Sublime, Visual Studio dan lain sbeagainya. Disarankan belajar HTML dasar untuk pemula Anda menggunakan teks editor Sublime. Sublime sangat ringan dan mudah untuk digunakan.

Web Browser

Web browser sangat dibutuhkan untuk menampilkan dan mengeksekusi script HTML yang Anda buat pada text editor. Pada web browser inilah kita akan melihat hasil dari apa yang kita buat pada text editor. Web browser yang dapat Anda gunakan seperti Google Chrome, Mozilla Firefox atau Microsoft Edge.

Script HTML

Selanjutnya adalah Script HTML sederhana, berikut contoh script HTML sederhana:

<!DOCTYPE html>
<html>
<head>
	<title>Belajar HTML Dasar untuk Pemula</title>
</head>
<body>
	<h1>Hello World!</h1>
	<p>Belajar HTML Dasar untuk Pemula</p>
</body>
</html>

Simpan kode diatas dengan format file HTML, sebagai contoh: latihan.html. Untuk menjalankan atau membuka file HTML yang Anda buat tadi klik kanan pada file dan pilih open with lalu pilih salah satu browser yang tersedia. Anda juga dapat membukanya dengan cara double click (klik 2x) pada file HTML tersebut.

Demikianlah belajar HTML dasar untuk pemula, semoga bermanfaat dan terimakasih.


administrator

Eko Pramono lebih akrab disapa Pram, seorang web developer, suka nulis, suka ngegame, dan suka turing. Bekerja di salah satu perusahaan Digital Marketing.

Leave a Reply

Your email address will not be published. Required fields are marked *