×

Owner / Author / Admin / etc

    Rahman NM    

"Pada halaman web ini saya akan membagikan informasi informasi menarik seputar Anime, Manga, Game, Film, dan juga berbagai tips-tips menarik lainnya."

Belajar HTML | #1 Pengenalan HTML

February 15, 2020   • Comment

Selain membagikan tutorial tutorial Blogger ataupun informasi animanga film, game, dan berbagai informasi lainnya, saya juga akan membagikan pengetahuan mengenai HTML yang telah saya pelajari selama ini. Yuk langsung saja kita mulai pengenalan HTML.

Apa itu HTML ?
HTML merupakan singkatan dari kalimat Hyper Text Markup Language yang mana HTML merupakan sebuah bahasa markup yang digunakan untuk membuat sebuah web atau halaman web dan akan menampilkan berbagai informasi yang ada didalam sebuah browser.

Dengan kata lain HTML bukanlah sebuah bahasa pemrograman melainkan bahasa markup, dan jika kamu sempat berpikir HTML adalah salah satu bahasa pemrograman kamu salah termasuk saya juga :v, Ini biasanya terjadi karena langsung mencoba atau mempratekkan HTML tersebut tanpa mengenal terlebih dahulu apa itu HTML.

Mengapa HTML tidak termasuk bahasa pemrograman ? itu karena bahasa pemrograman memiliki yang namanya Variabel, tipe data atau lebih simpelnya di HTML tersebut tidak ada logika Programming didalamnya. Ibaratkan HTML itu cuma Word Processor, sama seperti kita nulis surat di Microsoft Word, jadi HTML itu tidak ada kaitannya sama sekali dengan bahasa pemrograman

Versi HTML
HTML telah melalui banyak sekali proses dan perkembangan sejak pertama kali di rilis, terdapat beberapa versi dari HTML diantaranya sebagai berikut :
  • HTML - 1991
  • HTML 2.0 - 1995
  • HTML 3.2 - 1997
  • HTML 4.01 - 1999
  • XHTML - 2000
  • HTML5 - 2014 
Struktur HTML
HTML memiliki beberapa elemen, dan elemen tersebut akan digunakan untuk membuat suatu dokumen HTML diantaranya adalah <!DOCTYPE html>, <html>, <head>, <title>, <body>, Contohnya :
<!DOCTYPE html>
<html>
<head>
<title>JUDUL DOCUMENT</title>
</head>
<body>
ISI DARI DOCUMENT TERSEBUT
</body>
</html>

Setiap elemen tersebut memiliki penjelasan, berikut penjelasannya :
  • <!DOCTYPE html>, merupakan sebuah bukti bahwa document tersebut adalah HTML5,
  • <html>, merupakan elemen utama dari setiap document HTML,
  • <head>, merupakan tempat terdirinya informasi meta tentang document,
  • <title>, merupakan judul document tersebut,
  • <body>, merupakan isi dari document tersebut,
Web Browser & Server Web
Apa kaitannya Web Browser dan Server Web dengan HTML ?

Web Browser merupakan software yang digunakan untuk menampilkan document yang dibuat dengan HTML, namun tidak akan menampilkan tag HTML, dan hanya akan menampilkan konten yang berada didalam tag <body> dan </body>. Sedangkan Server Web merupakan tempat dimana kita menyimpan document HTML tersebut, misalkan sebuah PC atau Komputer.

Bagaimana cara menampilkan document HTML yang kita simpan dikomputer agar tampil  di Browser ? Untuk menampilkannya caranya cukup mudah, ikuti tutorial dibawah ini

1. Pertama, buka terlebih dahulu Code Editor milikmu (Notepad misalkan), kemudian copykan kode HTML dibawah ini dan ganti isinya sesuai keinginanmu,
<!DOCTYPE html>
<html>
<head>
<title>Belajar HTML #1</title>
</head>
<body>
<h1>Pengenalan HTML</h1>
<p>Anirocksite.com - Mari mengenal lebih jauh HTML</p>
</body>
</html>
Keterangan :
<h1>, Merupakan heading,
<p>, Merupakan paragraf.

2. Setelah itu, simpan file tersebut dengan nama belajar.html dan masuk kefolder penyimpanan file tersebut dan Klik Kanan ⇒ Open With (Pilih Browsernya), maka hasilnya akan seperti dibawah ini,

Kesimpulan
HTML merupakan singkatan dari Hyper Text Markup Language. HTML juga merupakan sebuah bahasa Markup yang digunakan untuk membuat sebuah halaman web, dan HTML bukanlah salah satu dari bahasa pemrograman karena tidak ada Logika programming didalamnnya.

HTML juga memiliki beberapa versi dan beberapa elemen yang digunakan untuk membuat suatu document.

Akhir Kata
Sekian Belajar HTML bagian pertama yang dapat saya bagikan, semoga dengan adanya artikel ini dapat menambah wawasan kita lebih jauh lagi mengenai HTML, dan Semoga bermanfaat :D

Creativity of codes and exploiting, with code we can do something fun.
Facebook Instagram Twitter
Show Comments!
Hide comments

0 Response to "Belajar HTML | #1 Pengenalan HTML "

Kebijakan berkomentar :

Berkomentarlah dengan tata bahasa yang baik, agar orang tau sebijak apa karakter anda melalui kata-kata,

Silahkan berkomentar apapun selagi masih berhubungan dengan halaman postingan ini,

Dilarang berkomentar menggunakan Link Aktif,

Centang Notife Me agar mendapatkan notifikasi balasan komentar admin melalui Email.

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel

Iklan Tengah Artikel 2

Iklan Bawah Artikel

© Copyright 2020 Anirock Site - All Rights Reserved Created With