Hypertext Markup Language (HTML)

Pengertian Dan Fungsi HTML

HTML adalah dasar dari semua halaman web di internet, merupakan bahasa 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).

Dalam mempelajari HTML, harap diingat bahwa HTML dirancang untuk membuat struktur dasar dari halaman web. Jika ingin merubah tampilan dari sebuah tag, misalnya ingin membuat background paragraf berwarna merah, atau ingin memberi efek bayangan pada gambar, sebaiknya menggunakan CSS, bukan langsung dari HTML (CSS akan dipelajari pada materi tersendiri).

Jika ingin mempelajari bagaimana cara membuat website, langkah pertama adalah mempelajari  HTML. HTML adalah dasar dari semua halaman web yang kita lihat di Internet.

HTML adalah singkatan dari Hypertext Markup Language. Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, contohnya kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya dengan hanya meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link.

Baca Juga  Tutorial Laravel 11 : #9 Form Validasi pada Laravel

Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, miring, tampak besar, dan lain-lain. Tanda ini akan kita kenal di HTML sebagai tag.

Jika ingin melihat bagaimana sebenarnya HTML, silahkan klik kanan suatu halaman web, dan pilih View Page Source (di Browser Mozilla Firefox atau Google Chrome) dan akan tampil sebuah halaman baru yang merupakan kode HTML dari halaman ini.

HTML merupakan bahasa dasar pembuatan web. Disebut dasar karena dalam membuat web, jika hanya menggunakan HTML, tampilan web kita akan terasa hambar. Terdapat banyak bahasa pemograman web yang ditujukan untuk memanipulasi kode HTML, seperti JavaScript dan PHP. Namun sebelum kita belajar JavaScript maupun PHP, memahami HTML merupakan hal yang paling awal untuk kita pelajari dalam pembuatan web.

HTML bukan bahasa pemograman (programming language), tetapi bahasa markup (markup language), hal ini terdengar sedikit aneh, tapi jika telah mengenal bahasa pemograman lain hal ini akan kita pahami perbedaannya, dalam HTML tidak akan ditemukan struktur yang biasa di temukan dalam bahasa pemograman seperti IF, LOOP, maupun variabel. HTML hanya sebuah bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah halaman.

Selain HTML, dikenal juga xHTML yang merupakan singkatan dari eXtensible Hypertext Markup Language. xHTML merupakan versi tambahan dari HTML. Untuk tahap ini boleh menyebut bahwa xHTML itu juga HTML (Perbedaannya akan dibahas pada materi selanjutnya).

 

Pengertian Web Browser

File HTML harus dijalankan dari aplikasi web browser. Web Browser (atau biasa disebut browser) adalah sebuah software aplikasi untuk menerima,  menampilkan, dan menerjemahkan informasi dari world wide web. Dan salah satu informasi itu dibuat dalam format HTML.

Baca Juga  Tutorial PHP : #18 Cara Membuat dan Menghapus Folder Dengan PHP

Kode HTML yang kita buat akan diterjemahkan oleh web browser agar tampil seperti yang dirancang. Pada dasarnya seluruh web browser dapat menampilkan kode HTML sama baiknya, namun jika sudah berbicara mengenai desain halaman, tiap-tiap browser memiliki beberapa perbedaan.

HTML dirancang dan diatur oleh sebuah badan standarisasi dunia yang khusus menangani web, yaitu W3C (World Wide Web Consortium). Hal ini dikarenakan tiap-tiap program web browser menerjemahkan kode-kode HTML secara berbeda-beda, sehingga di perlukan sebuah standar yang sama untuk seluruh browser. Namun pada penerapannya, standar ini hanya merupakan rekomendasi. Beberapa web browser membuat aturannya sendiri.

Salah satu yang terkenal adalah Internet Explorer (IE) pada sekitar tahun 2000-an. Hampir 90% web browser yang digunakan saat itu adalah Internet Explorer, dan IE tidak sepenuhnya mengikuti rekomendasi W3C. Sedangkan web browser Opera yang mencoba menerapkan standar W3C tidak terlalu populer. Perbedaan aturan penerjemahan HTML diantara web browser inilah yang terus menjadi tantangan bagi programmer web.

Sekarang Internet Explorer tidak lagi sekuat dulu. Web Browser Mozilla Firefox dan Google Chrome telah menguasai lebih dari 50%, dan IE juga telah berusaha menerapkan standar W3C.

Untuk mempelajari HTML, web browser adalah perangkat utama yang kita butuhkan. Ibarat bahasa pemograman lainnya, Web Browser adalah compiler dan intrepreter HTML.

 

Memilih Aplikasi Editor HTML

Selain web browser, aplikasi lain yang kita butuhkan untuk mempelajari HTML adalah sebuah text editor. Memilih sebuah aplikasi editor HTML tidaklah terlalu sulit. Aplikasi editor HTML digunakan untuk mempermudah kita membuat kode HTML. HTML sendiri pada dasarnya hanya text biasa yang ditulis dalam kode-kode khusus. Web Browser-lah yang akan menerjemahkan kode HTML ini menjadi sebuah tampilan halaman web.

Baca Juga  Tutorial Bootstrap #11 : Cara Membuat Icon dengan Bootstrap

Untuk membuat kode HTML maupun halaman web sederhana, tidak perlu menggunakan aplikasi yang besar dan berat. Aplikasi Notepad bawaan Windows sudah cukup untuk membuat kode HTML.

Untuk kenyamanan dalam pembelajaran HTML secara visual maupun fungsionalitas, kita menggunakan aplikasi Notepad++, Sublime, VS Code, dan sebagainya.

Aplikasi Notepad++ ini dapat download dan install secara gratis dari http://notepad-plus-plus.org/download/. Notepad++ adalah aplikasi editor text gratis yang ringan, dan memiliki banyak fitur. Salah satunya adalah fitur pewarnaan code untuk memudahkan penulisan HTML.

Bagaimana dengan Adobe Dreamweaver? Aplikasi ini merupakan aplikasi web editor yang paling populer. Dreamweaver menyediakan fitur melimpah untuk sekedar membuat halaman web dengan kode HTML. Dreamwever tidak hanya sebuah text editor untuk HTML saja, namun juga untuk berbagai bahasa pemograman web lainnya. Tetapi aplikasi ini tidak gratis dan cenderung ‘berat’.

Tetapi apapun text editor yang digunakan, tidak menjadi masalah, karena selama text editor itu dapat menulis dan menyimpan text, aplikasi tersebut sudah lebih dari cukup.

Aplikasi text editor lain yang bisa anda pertimbangkan adalah Sublime Text. Sublime Text merupakan aplikasi text editor powerfull untuk web programmer. Fitur-fitur yang ditawarkan sangat memudahkan pembuatan program. Sublime Text sebenarnya merupakan aplikasi berbayar, namun kita bisa menginstall dan menggunakannya tanpa batas waktu. Sublime Text bisa didownload di http://www.sublimetext.com/.

 

Materi selanjutnya silahkan baca berikut ini :

https://agussuratna.net/2020/08/26/html-dan-tag-tag-dasar/

Related Post

Be the first to comment

Leave a Reply

Your email address will not be published.


*


error: Ga bisa dicopy