BLANTERWISDOM101

Pengertian HTML

23 March 2019
Apa itu HTML ?


 Kita langsung masuk saja ke pembahasan yang akan kita bahas pada artikel ini, yuk kita simak mengenai "Apa itu HTML " berikut ini :

A. Sejarah HTML..
       HTML ( Hyper text markup language ) itu sendiri secara resmi lahir pada tahun 1989 oleh tim berners lee dan dikembangkan oleh world wide web consortium ( W3C ), yang kemudian pada tahun 2004 dibentuklah  web hypertext application technology working group ( WHATG ) yang hingga kini bertanggung jawab akan pengembangan bahasa HTML ini. sebelumnya ada HTML 2, 3, 4 dan kini telah dikembangkan HTML 5, sebuah versi terbaru dari HTML yang mendukung tidak hanya gambar dan teks saja, namun juga dapat membuat menu yang interaktif, audio, video dan lain sebagainya. sangat luas bukan HTML.

Kalau anda pernah mendengar HTML hanya dari definisinya saja, anda juga harus menelusuri seluk -beluk dari HTML tersebut. HTML ( Hyper Text Markup Language ) itu sendiri berfungsi untuk menyusun bagian paragraf, link, header, footer, navigation, content, blockquate dan lain - lain dalam membuat halaman web dan menampilkan berbagai macam informasi diweb browser.
Pada saat kita bekerja dengan HTML, kami menggunakan struktur kode yang sederhana "Tag & atribute" untuk mark up sebuah website. sebagai contoh misalnya, kami ingin membuat agar teks tersebut ditampilkan terlihat tebal dengan menggunakan tag pembuka <b>dan tag penutup</b>.


<b>Hyper text markup language</b>

Jadi kesimpulannya, HTML itu bukan bahasa pemograman melainkan HTML itu meerupakan bahasa Mark Up, dan bahasa mark up itu bahasa yang dikembangkan untuk membuat halaman website yang dapat diakses melalui internet dan ditampilkan melalui web browser sangatlah mudah dan dipahami jika kalian ingin terus belajar dan terus memahaminya bahkan bagi para web pemula dibidang web development, terus belajar adalah kuncinya untuk menjadi seorang web developer.

B. Memilih aplikasi editor HTML



        Sebelum memulai belajar HTML, kita perlu untuk memilih aplikasi editor yang kita sukai sesuai selera kita. karena program yang berekstensi ".html" tidak memerlukan compiler yang khusus untuk dapat mengeksekusikannya, maka kita tidak perlu untuk memikirkannya. sekarang saatnya memilih aplikasi text editor untuk mengeksekusikannya sesuai keinginan kita.
Disini ada beberapa text editor sebagai berikut :
1.) Notepad ++
2.) Sublime Text Editor
3.) Adobe Dreamweaver
4.) Freecup HTML editor
5.) Atom Text Editor
6.) PageBreeze, dan masih banyak lainnya.

Aplikasi editor ini bisa kalian dapatkan di google dengan mendownloadnya secara gratis maupun membayar lisensi aplikasi tersebut ( buy ). Jadi silahkan tentukan aplikasi text editor yang kalian sukai.

C. Mengenal Fungsi Browser



       Web browser atau yang kalian kita kenal "Browser" seperti: Mozilla Firefox, Google Chrome, Internet Explorer, Dophin Browser, Opera Mini, dan lain sebagainya yang sering kita gunakan untuk menjelajahi situs - situs didunia internet. Namun apakah yang dimaksud dengan Web Browser itu sendiri ? Web Browser ialah sebuah aplikasi yang digunakan untuk menjelajahi situs - situs didunia maya yang biasa disebut website.
Jadi, jika kalian ingin mengecek hasil struktur kodingan HTML kalian, kalian bisa mengeceknya di Web Browser kalian dengan cara "Open in Browser atau mengganti ekstensi (.txt ) menjadi (.html ), tergantung dari petunjuk aplikasi text editor tersebut.

D. Menjalankan File HTML



       Apakah kalian tau apa itu compile ? compile itu sendiri sebuah proses yang menjalankan hasil coding yang kita buat, namun file HTML lebih mudah dilakukan karena HTML tidak memerlukan sebuah aplikasi untuk meng-compile file tersebut. HTML dikembangkan untuk halaman website didunia maya dan adapun bagi kita yang ingin menjelajahi web - web tersebut, kita memerlukan aplikasi web browser. jadi untuk menjalankan file HTML ini sangatlah mudah, kita hanya perlu mengeksekusikannya menggunakan aplikasi web browser yang kita miliki. kita cukup klik kanan pada file HTML kita kemudian akan muncul tulisan "Open With" lalu kita pilih aplikasi web browser tersebut yang kita akan gunakan.

E. Pengertian Tag, Element, dan Atribut pada HTML
       Sebagai bahasa markup, HTML membutuhkan sebuah fungsi atau tanda untuk memberitahu web browser apa yang perlu atau tidak perlu untuk dilakukan. tanda tersebut ialah "<....>", didalam tag HTML ditulis berpasangan biasanya memiliki tanda " " didalam "<....>". Seperti contoh berikut ini :
<html>...........</html>
Dan ada pula juga tag yang berdiri sendiri dan tidak memiliki pasangan ( single tag ).

<br/>
Element ialah semua data atau isi yang berada didalam sebuah tag.

Gambar 5 ( Pengertian HTML beserta pengertian lainnya )

Attribute ialah sebuah informasi yang diberikan pada sebuah tag, pengaturan untuk tag tersebut, biasanya dituliskan pada tag pembuka ( untuk yang berpasangan ) atau pada awal tag ( untuk single tag ). Seperti contoh berikut ini.

<p align="left">.........................</p>
F. Mengenal Struktur Dasar HTML
    Html juga memiliki struktur dasar dalam penulisan HTML, yang diawali dengan tag " Doctype " untuk menunjukkan pada browser type document dari file tersebut, kemudian dimulai dan ditutup dengan tag html, didalam tag itu dapat diisikan tag head, body, dsb. Namun, secara struktur dasar dari bahasa markup HTML seperti berikut ini :

Kode Pembuatan :
<!DOCTYPE html>
<html>
<head>
<title>Title Title Title</title>
</head>
<body>
<header>Header</header>
<p> Paragraf </p>
</body>
</html>
Hasilnya :




Baca Juga : 
                     

Seperti itu pembahasan mengenai penjelasan dari "Pengertian HTML Beserta atribut lainnya", Jika kalian ( Pembaca ) ada yang kurang paham / mempunyai pendapat yang berbeda dalam mengenai pemahaman dari , Silahkan masukkan komentar dibawah ini mengenai pengertian diatas. "Hatur Nuhun".
Share This :
avatar

Ni artikel recommended banget bagi yg ingin memulai belajar HTML, mulai dari pembahasan, perngertian dan kegunaan terkait HTML nya sangat mudah difahami.... I love this blog 😊👌

Saturday, March 23, 2019 at 10:39:00 PM GMT+7
avatar

Awal-awal saya suka pakai Notepad bawaan Windows, tapi setelah mengenal Notepad++ saya lebih nyaman menggunakan Notepad++

(c) (c) (c)

Saturday, March 23, 2019 at 10:45:00 PM GMT+7
avatar

@amaterasu, semoga anda lebih joss lagi yaa dlm penguasan html ny :)

Saturday, March 23, 2019 at 10:50:00 PM GMT+7
avatar

iyaa gan didalam notepad +++, banyak sekali fitur fitur canggihnya :)

Saturday, March 23, 2019 at 10:51:00 PM GMT+7
avatar

Text editor buatan Indonesia juga ada. Namanya codelonger boleh dicoba buatan anak bangsa Gan..

Saturday, March 23, 2019 at 11:20:00 PM GMT+7
avatar

numpang share ya min ^^
Hayyy guys...
sedang bosan di rumah tanpa ada yang bisa di kerjakan
dari pada bosan hanya duduk sambil nonton tv sebaiknya segera bergabung dengan kami
di DEWAPK agen terpercaya di add ya pin bb kami D87604A1 di tunggu lo ^_^

Friday, March 29, 2019 at 9:55:00 AM GMT+7
avatar
Psikomter

@alfiq, code longer bisa tuh kita coba :)

Saturday, April 6, 2019 at 6:03:00 AM GMT+7
avatar

Kalau ngedit HTML lebih suka pakai adobe dreamweaver, sih. Karena pertama kali belajar pakai itu, jadinya kebiasaan saja. Penjelannya rinci banget, matur nuwun.

Thursday, April 18, 2019 at 10:46:00 PM GMT+7
avatar

Pengetahuan dasar yg bahkan kita tidak tau artinya, sementara kita sering Kali interaksi dg hal2 ini. Ulasan detail dg bahasa simpel.
Trims gan artikel nya bermanfaat.

Friday, April 19, 2019 at 5:11:00 AM GMT+7
avatar

Pembahasan yang sangat menarik. Banyak aplikasi yang menyediakan untuk melihat source code HTML. Diantaranya seperti yang di bahas dalam artikel ini. Namun,untuk pengguna android gimana solusinya?
Saya sendiri pengguna android dan jarang sekali membuka PC/laptop.

Friday, April 19, 2019 at 10:42:00 AM GMT+7
avatar

Wah bahas HTML nih, saya cukup excited dengan bahasa pemrogaraman ini soalnya saya punya blog. Pembahasannya mudah dipahami. Next artikel, tolong jenis2 tag yang digunakan, bagaimana penggunaannya, dsb. Jangan cuma berhenti di sini aja min hehehe

Friday, April 19, 2019 at 10:53:00 AM GMT+7
avatar

Menurut saya lebih nyaman menggunakan Notepad++

Friday, April 19, 2019 at 12:41:00 PM GMT+7
avatar

Saya masih belum mengerti bikin html, kalo ngeblog cuma bisa redesign template dan itupun harus nyoba satu satu setiap script

Friday, April 19, 2019 at 3:08:00 PM GMT+7
avatar

Saya belum paham sama sekali sebelimnya tentang coding html namun setelah baca artikel diatas cukup paham

Sunday, April 21, 2019 at 9:39:00 PM GMT+7
avatar

Eh ketemu lagi ni artikel tentang Pengenalan HTML, top dan keren banget dah pembahasannya... 👍

Thursday, May 2, 2019 at 10:00:00 PM GMT+7
avatar

Penjelasan bagus, jadi lebih memahami apa itu bahasa html

Friday, May 3, 2019 at 5:15:00 AM GMT+7
avatar

Codelonger, baru denger, nih. Kece, buatan anak negeri lagi.

Friday, May 3, 2019 at 5:28:00 AM GMT+7
avatar

Makasih gan.. Mau saya ajrin buat adik saya biar pinter lebih dari seumurannya:D

Friday, May 3, 2019 at 6:22:00 AM GMT+7
avatar

Informasi yang sangat lengkap mengenai pengenalan html, wah, saya baru tau ternyata ada juga yang namanya codelonger.. Jadi ingin coba

Makasih informasinya 👌🏻

Friday, May 3, 2019 at 6:33:00 AM GMT+7
avatar

Karena ada tugas dari kampus. Akhirnya saya balik lagi membuka artikel ini. Sebagai bahan referensi di tugas skripsi saya :D
Top artikel

Friday, May 3, 2019 at 9:56:00 AM GMT+7
avatar

Terima kasih ilmunya kak, sangat bermanfaat bagi aku yang seorang blogger pemula, soalnya blogger gak luput dari HTML 😁

Friday, May 3, 2019 at 12:08:00 PM GMT+7
avatar

Bicara html hal yang langsung saya inget pertama kali adalah ngedit tema blog.. Heheheh
Btw nice post gan..

Saturday, May 4, 2019 at 2:12:00 PM GMT+7
avatar

Pertama kali mengenal html adalah ketika smk, itupun secara otodidak :) dari dasar² html yg disebutkan d atas memang cukup berguna untuk modal awal dalam dunia internet. Yang selanjutnya mungkin bisa ditambah dengan css ataupun java :) terimakasih.

Saturday, May 4, 2019 at 8:45:00 PM GMT+7
avatar

Panjang juga ya perjalanan html ...
W latian baru dasar ...
Trus mogok ...
Thanks gan infonya ...
...

Saturday, May 4, 2019 at 10:27:00 PM GMT+7
avatar

Nice artikel, terutama bagi saya pribadi yang juga merupakan seorang blogger. Dengan hadirnya artikel ini membantu saya dalam mengelola blog yang saya punya. Terima kasih.

Sunday, May 5, 2019 at 2:21:00 AM GMT+7
avatar

Makasih infonya, Kak. Kemarin-kemarin, sempet baca artikel ini, nih. Dan balik lagi, biar makin paham soal html. Apalagi jadi blogger, biar nggak ngeblank soal ini.

Sunday, May 5, 2019 at 3:57:00 AM GMT+7
avatar

Makasih gan terus diupdate artikelnya supaya saya bisa belajar terus hehehe

Sunday, May 5, 2019 at 4:16:00 AM GMT+7
avatar

Revisit kak hehehe
Mau ngambil ilmunya lagi

Sunday, May 5, 2019 at 8:48:00 AM GMT+7
avatar

Bagus, lengkap dan informatif. Sangat membantu memahami html dgn rinci

Thursday, May 9, 2019 at 3:16:00 PM GMT+7
avatar

Ini die artikel yang bener bener keren. Soalnya html tuh sulit dipahami dan artikel ini hadir memberikan wawasan seputar html yang diterangkan secara gamblang. Sekitar dehhhh.

Thursday, May 9, 2019 at 8:49:00 PM GMT+7