• Skip to main content
  • Skip to secondary menu
  • Skip to primary sidebar
  • Home
  • Kebijakan Privasi
  • Ketentuan Layanan
  • Kontak

Talde Brooklyn

Media Informasi Indonesia Terkini

  • Indonesia
    • Tari
    • Suku
    • Kerajaan
    • Rumah Adat
    • Pendidikan
    • Resep
  • Agribisnis
  • Flora
  • Tanaman

Pengertian Html

pengertian body html

Mungkin bagi sebagian orang asing mendengar kata HTML? Padahal HTML diera digital ini sangat familiar sobat gunakan lho, terus sebenarnya apa sih pengertian HTML? Secara umum HTML dapat diartikan sebagai bahasa pemrograman standar umumnya digunakan dalam membuat sebuah halaman web yang menampilkan segala informasi di penjelalah web browser.

Nah web ini nantinya dapat diakses oleh seluruh pengguna internet. Bukan hanya itu guys, hebatnya HTML juga bisa juga menghubungkan antar situs dalam dunia internet lho! Masih belum paham betul dengan HTML? Jangan khawatir, berikut ini informasi tentang pengertian HTML menurut para ahli, sejarah, kelebihan, kekurangan dan fungsinya.

Daftar Isi

  • Pengertian HTML
    • 1. Menurut Suyanto (2007:83)
    • 2. Menurut Nugroho (2006c:48)
  • Sejarah HTML
  • Fungsi HTML
    • 1. Membuat Halaman Web
    • 2. Membuat Form
    • 3. Memasukan Gambar dan Video
    • 4. Menyunting Teks, Tabel
  • Perbedaan HTML dan HTML5
    • 1. Semantic Element Nan Elegan
    • 2. Penanganan Error yang Konsisten
    • 3. Pengaturan Perfoma Website Lebih Gesit
    • 4. Kemudahan Pada Website Versi Mobile
    • 5. Elemen Canvas dan Menu
  • Bagaimana Cara Kerja HTML
  • Kelebihan dan Kekurangan HTML

Pengertian HTML

html beserta fungsinyaMenurut Wikipedia pengertian HTML adalah bahasa markah standar yang merupakan dokumen yang dirancang untuk ditampilkan di penjelajah internet. Dimana HTML dapat menggambarkan badan halaman web secara semantik dan isyarat atau tanda awal yang disertakan untuk penampilan dokumen.

Beberapa ahli juga mengatakan pendapatnya, apa saja ya pengertian HTML menurut para ahli? Sebagai berikut,

1. Menurut Suyanto (2007:83)

Sedikit lebih spesifik, menurut ahli Suyanto, pengertian HTML adalah bahasa pemrograman yang digunakan untuk menulis halaman web pada umumnya menggunakan extensi .htm, .html atau .shtml. Jadi suyanto mengartikan HTM sebagai sebuah website yang halaman webnya bisa menggunakan salah satu extensi guys.

2. Menurut Nugroho (2006c:48)

Menurut Nugroho, pengertian HTML yakni bahasa performatan teks diperuntukan pada dokumen-dokumen jaringan computer atau biasa disebut World Wide Web atau WWW. Kalian sudah sering mendengar kan guys? Bahkan menggunakan halaman www untuk menjelajah berbagai informasi yang sobat perlukan.

Baca Juga: Pahami Pengertian Implementasi Menurut Para Ahli, Fungsi dan Contoh

Sejarah HTML

definisi atribut html

Pada mulanya tahun 1991, seorang ahli fisika berkolaborasi dengn tim Berners Lee di lembaga penelitian CERN di Swiss mengenai system hypertext namun menggunakan basis internet sehingga dilaunchinglah HTML. HTML versi pertama ini menggunakan 18 HTML tag yang merujuk pada link lain sehingga dapat diakses oleh seluruh pengguna internet.

Guys, karena popularitas dan kemajuan teknologi terus meningkat pesat maka semenjak inilah HTML selalu merilis versi terbaru dengan dilengkapi attribute dan tag terbaru sehingga HTML sudah dianggap sebagai wesite standar yang sudah resmi. Untuk saat ini Mozilla Developer Network memiliki 140 HTML tag berdasarkan HTML element reference.

Oh iya guys, sejarahnya cukup panjang lho hingga sekarang, dimna masing-masing versi selalu memiliki kemajuan dan kelebihan ada tujuh versi HTML, mulai dari versi 1.0, hingga 5.01 yang dirilis sejak tahun 2014 HTML dikembangkan oleh W3C dengan upgrade besar dimana memiliki fitur paling lengkap dan canggih hingga kalian bisa menambahkan video atau audio pada halaman web.

Fungsi HTML

pengertian html dan contohnya

Fungsi HTML umumnya sebagai wadah yang digunakan untuk mengelola serangkaian data dan informasi sehingga suatu dokumen dapat diakses melalui website. Dimana kalian sebagai penggunanya dapat dengan mudah mendapatkan informasi yang dibutuhkan kapanpun dan dimanapun hanya melalui internet saja. Berikut ini fungsi HTML secara spesifik, check it out!

1. Membuat Halaman Web

Siapa yang ingin membuat website sendiri? Yaps ini wadahnya, sobat bisa membuat website sendiri asal memahami dasar-dasarnya, dalam membuat web terdapat beberapa hal yang perlu dipersiapkan ni guys yaitu sebuah browser dan text editor contohnya notepad karena lebih mudah digunakan bagi pemula untuk membaca kode web.

Kalian bisa dengan mudah membuatnya dengan mudah menggunakan aplikasi Notepad ++, sebagai berikut:

  • Pertama, sobat instal terlebih dahulu aplikasi Notepad ++ di laptop atau pc kalian.
  • Selanjutnya buka Notepad ++ lalu buat halaman baru, lalu copy paste code diatas ke halaman baru.
  • Langkah terakhir adalah menyimpannya, dengan cara menekan tombol save as type kemudian pilih HTML.

2. Membuat Form

Jika sobat sudah berhasil membuat halaman website sederhana dan memahami strukturnya, sobat bisa menambahkan beberapa elemen lain yang umumnya dibutuhkan pada sebuah halaman misalnya form digital. Oh iya guys, kalau kalian ingin menyimpan hasil survey formnya yang telah diisi khalayak maka harus menambahkan file php atau javaschriptnya pada halaman web.

So, HTML bisa lho menjadi alternatif untuk mempermudah kalian melakukan survey secara online tentunya sangat menghemat biaya dan waktu sobat, lets do it!

3. Memasukan Gambar dan Video

Sobat ingin menambahkan video dari halaman youtube ke halaman web kalian? Bisa kok guys, asal video yang ditambahkan memiliki format terutama MP4, WebM dan Ogg, jadi jangan lupa meletakan video dengan nama video.mp4, video.webm dan video.oog disertai dua tag yang digunakan yakni tag <video> dan tag <source>.

Sementara jika sobat menambahkan gambar agar website lebih menarik untuk dibaca, kalian wajib menggunakan tag <img> kemudian masukkan atribut src berguna untuk menghubungkan file dengan gambar, Gambar yang dimasukan pun bisa dalam bentuk ekstensi bisa jpg, png, gif, bmp ico dan lain-lain.

4. Menyunting Teks, Tabel

Pada halaman web yang telah kalian buat, bisa juga sobat menandai suatu laman dengan simbol dan tagnya menjadi miring, tebal atau garis bawah dengan kode <i> untuk italic, <b> untuk teks tebal dan <u> untuk teks bergaris bawah. Misalnya saja sobat ingin membuat suatu teks menjadi miring maka dalam laman HTML ditulis dengan mengetik kode <i>.

Selain itu sobat juga bisa menampilkan sebuah tabel misalnya komposisi zat gizi, informasi label kemasan di HTML dibutukan tag-tag setidaknya tiga tag, yaknib tag <table> untuk memulai tabel, tag <tr> atau table row berfungsi membuat baris dari tabel dan tag <td> tabel data yang digunakan untuk menginput data kedalam tabel.

Pelajari Juga: Memaknai Pengertian Informasi Menurut Para Ahli (dilengkapi Jenis, Fungsi dan Contohnya)

Perbedaan HTML dan HTML5

fungsi html

Mungkin banyak diantara sobat bertanya apa perbedaan HTML dengan HTML5? Tidak dapat dipungkiri dunia digital kian hari kian melejit pesat, selalu ada pembaharuan termasuk bahasa pemrograman. Telah disebutkan sebelumnya terkait dengan pengertian HTML dan sejarahnya, sehingga sobat bisa simpulkan bahwa HTML5 adalah rilis terbaru dari bahasa pemrograman.

Lantas perbedaannya apa? Yaps sudah pasti lebih baik dari pendahulunya demi meningkatkan pengalaman berinternet sobat. Perbedaan HTML dan HTML5 sebagai berikut:

  • Perbedaan pertama yakni, pada HTML tidak mengizinkan CSS dan JavaScript untuk berjalan dalam browser sedangkan HTML5 sebaliknya dimana bisa mendukung JavaScript untuk bisa berjalan di background.
  • Selanjutnya, pada HTML tidak bisa menyimpan data sementara, umumnya menggunakan cache browser HTML5 dapat menggunakan database SQL web sebagai tempat penyimpanan sementara atau client side.
  • Beberapa elemen lama yang ada pada HTML seperti isindex, noframes, acronym, applet, basefont, dir, font, frame, frameset, big, center, strike, tt. telah diperbaharui oleh HTML5 bahkan mendukung form control antara lain waktu, tanggal, email, nomor, range, tel, url, pencarian dan lain-lain.
  • Vector grafik seperti vitur SVG, canvas dan grafis hanya ada pada HTML5, sedangkan dahulu penggunaan grafis vector hanya memungkinkan dengan bantuan teknologi seperti Flash, VML, Silver-light.
  • Kemudian, untuk GeoLocation dimana HTML tidak bisa mendapatkan informasi lokasi dari pengguna baik browser maupun mobil, sedangkan HTML5 dengan bantuan JS GeoLocation API dapat memungkinkan mengetahui lokasi sobat, namun tentunya dengan izin pengguna ya guys
  • Tidak adanya Web Socket pada HTML, sehingga pada umumnya yang digunakan hanya polling dan streaming. Pada HTML5 komunikasi saluran full duplex dapat dibentuk dengan menggunakan Server Socket Web diakses dengan CSS dan JavaScript.
  • Terakhir, penggunaan HTML bisa disemua browser, namun HTML5 hanya bisa diakses jika browser memenusi spesifikasi yang diminta oleh HTML5 tapi enggak usah khawatir guys, browser seperti Chrome, Firefox, Opera, Safari sudah sangat support kok untuk menjalan HTML5.

Nah guys, setelah tahu perbedaannya sekarang kalian juga perlu tahu manfaat apa saja yang didapatkan jika sobat menggunakan HTML5 hal ini juga bisa lho sebagai pertimbangan kalau nanti sobat mau membuat website tentunya lebih fleksibel, efektif dan efisien, yuk simak informasinya:

pengertian html menurut para ahli

1. Semantic Element Nan Elegan

Peran semantic digunakan untuk mengembangkan berbagai elemen yang ada, salah satunya mengembangkan kode. Dalam hal ini beberapa elemen baru seperti section, article, nav dan header dilaunching berguna untuk mengatasi jika sutu website eror sehingga kalian enggak sulit untuk memperbaikinya.

2. Penanganan Error yang Konsisten

Jika kalian seorang webdeveloper sudah pasti sangat paham bagaimana menangani saat website kalian eror, umumnya sobat akan melakukan test HTML di browser yang berbeda untuk menangani error yang lebih baik melalui reverse engineering hal ini disebabkan kebanyakan web browser memiliki kemampuan untuk mem-parse kode HTML yang salah baik secara struktural/sytatic.

Oleh karena itu HTML5 maju dengan mengembangkan Algoritma parsing sehingga memiliki banyak manfaat dari sebelumnya, yakni dalam menangani eror sehingga developer dengan mudah untuk mengatasi permasalahan tersebut. Tentu hal ini sangat membantu ya guys mengingat sekitar 90% website sangat rentan terhadap kode yang salah.

3. Pengaturan Perfoma Website Lebih Gesit

Perfoma website HTML5 sangat mudah diatur oleh webdeveloper, jadi kalian enggak perlu deh untuk menggabungkan beberapa teknik akibat dari banyak teknologi server-side dan ekstensi browser yang belum tersedia di HTML. Tapi kini kalian enggak perlu khawatir semua sudah teratasi di HTML5 tanpa perlu membutuhkan teknik berbasis JS atau Flash.

4. Kemudahan Pada Website Versi Mobile

Jika kalian ingin membuat website yang banyak diakses orang mka HTML5 bisa menjadi pilihan karena kemampuannya yang kian responsive dan agresif terhadap perkembangan jaman.

Pengguna smartphone yang kian hari kian meningkat berbanding lurus dengan pengembangan wesbsite. Karena dengan menggunakan smartphone kalian bisa dengan mudah mengakses website dimanapun dan kapanpun sehingga hal ini membutuhkan website yang responsive, tak terkecuali HTML5 dimana sangat mudah berjalan baik di tablet maupun smartphone.

5. Elemen Canvas dan Menu

Dengan HTML 5, para sahabat developer bisa menggambar menggunakan warna dan bentuk yang beragam sesuai dengan apa yang kalian inginkan kalian bisa menggunakan elemen canvas misalnya CSS dan JavaScript. Sementara kalian juga bisa menggunakan elemen menu untuk meningkatkan interaksi pada website.

Selain itu, bagi kalian pengguna internet bukan seorang developer ada juga nih manfaat penggunaan HTML5, antara lain:

  • Jarang terjadi crash saat menggunakan website HTML5, sehingga kalian dapat dengan gesit menggunakan dan mengakses apapun yang kalian inginkan di smartphone sobat.
  • Berdasarkan survey 30% pengguna ponsel tidak suka mendownload aplikasi, nah hal ini menjadikan HTML5 sebagai salah satu andalan yang mendukung pengembangan website mobile tanpa harus mendowload aplikasi terlebih dahulu.
  • HTML5 dapat mengurangi penggunaan Adobe Flash dalam hal grafis. Dimana HTML5 menggunakan JavaScript dan MPEG4 sehingga lebih gesit, enteng dan kaya keindahan yang lebih beragam.
  • Pengguna enggak perlu repot untuk mendowload plugin tambahan untuk menjalankan multimedia di website, karena HTML5 menyediakan elemen video dan audio yang sudah lengkap.

Baca Juga: 5 Fungsi Beserta Pengertian Asuransi yang Wajib Diketahui

Bagaimana Cara Kerja HTML

manfaat html

Jika sobat menganggap cara kerja HTML merupakan suatu hal yang sulit dan rumit akibat dari pengertian HTML, hal itu enggak bener guys. Karena sebenarnya HTML ini hampir sama dengan dokumen biasa, namun saja terdapat kode-kode yang memiliki makna tertentu atau dikenal sebagai tag, seperti yang sudah dijelaskan diatas.

Contohnya saja jika ingin membuat tulisan ditampilkan menjadi garis bawah, maka penulisan dalam dokumen HTML dilakukan dengan cara menuliskan kode tag intruksi garis bawah atau underline, kemudian diikuti tulisan yang ingin di miringkan. Setelah itu, diakhiri dengan tanda untuk menonaktifkan tulisan tersebut.

Sobat, HTML ini lebih focus pada penggambaran struktur komponen dan format suatu halaman situs serta mengatur format penulisan misalnya penggunaan warna, jenis tulisan. Perlu kalian ketahui guys, jika dalam file dokumen HTML memiliki ekstensi dengan akhiran .html atau .htm maka kalian dapat dilihat melalui Mozila Firefox, Safari dan Google Chrome.

Kelebihan dan Kekurangan HTML

pengertian aplikasi html

Setelah kalian mengetahui pengertian HTML, cara kerja beserta fungsinya maka sebelum sobat menggunakannya mesti tau juga apa saja kelebihan dan kekurangan HTML, yuk simak dibawah ini.

Kelebihan HTML antara lain:

  • HTML merupakan bahasa pemrograman lintas platform sehingga dapat digunakan pada berbagai jenis mesin komputer berbeda dan macam-macam sistem operasi yang berbeda pulaoleh karena itu HTML sangat bersifat fleksibel dimana cukup ditulis menggunakan editor karakter ASCII.
  • Dapat menyisiplan animasi berupa Java Applet atau animasi dari Macromedia Flash / Shockwave, namun tentu browser harus memiliki plugin khusus untuk menjalankan file-file animasi. Bahkan mempercantik halaman web menggunakan JavaScript, VBScript, Active Server Pages, Perl, Tcl dan PHP.
  • Dapat menyisipkan gambar statis maupun dinamis bahkan menjadikannya hyperlink. Gambar disini mengarah pada suatu halaman web, dimana setiap titik sudah didefinisinak berupa rectangular (kotak), polygon (kurva tak beraturan maupun lingkaran yang digunakan untuk pindah ke halaman lain atau link diluar website tersebut.

Sedangkan kekurangan HTML yakni:

  • Walaupun dapat disisipkan animasi, namun sebenarnya hanya menghasilkan halaman yang statis, karena tetap memerlukan bahasa pemrograman lain untuk plugin demi menampilkan halaman dinamis atau animasi.
  • Tag-tag yang ada masih sangat minim sehingga masih sulit dipelajari oleh orang yang masih awam akan dunia digital, selain itu tidak dapat menghasilkan halaman yang interaktif, dimana client tidak dapat berinteraksi dengan server. Kalaupun bisa sobat harus menyisipkan Bahasa pemrograman seperti Perl atau Tcl.

Lihat Juga: 5 Jenis dan Berbagai Pengertian Bank yang Penting Diketahui

Demikian, pengertian HTML sejarah menyebutkan bahwa sudah dirilis sejak 1991. Salah satu manfaat dan fungsinya HTML adalah sebagai wadah dalam membuat website sederhana.

Ternyata HTML bukanlah suatu hal yang sulit kan sobat? Bahkan kalian bisa menggunakannya sebagai alternatif dalam pembuatan website. So tunggu apalagi? Let’s do it!

Related

Reader Interactions

Leave a Reply Cancel reply

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

Primary Sidebar

REKOMENDASI

Pengertian Pendidikan

pengertian wirausaha

Pengertian Wirausaha

pengertian variabel

Pengertian Variabel

pengertian tari dan contohnya

Pengertian Tari

pengertian toleransi adalah

Pengertian Toleransi

Copyright © 2019 Taldebrooklyn.com