Pemahaman dalam Penggunaan HTML

Photo by Valery Sysoev on Unsplash

html

Pemahaman dalam Penggunaan HTML adalah singkatan dari Hypertext Markup Language merupakan bahasa markup standar untuk pembuatan website. Sebelum membahas lebih lanjut mengenai HTML, ada beberapa istilah penting yang perlu anda ketahui terlebih dahulu.

Website : Suatu halaman web yang saling berhubunga, umumnya berada pada suatu situs dan berisi sekumpulan informasi yang disediakan oleh perorangan, kelompok atau perusahaan (sumber : wikipedia).

Sedangkan menurut pendapat saya, website adalah adalah suatau halaman digital yang berisikan informasi baik itu perorangan, kelompok atau perusahaan yang bisa diakses oleh semua orang yang terhubung kedalam suatu jaringan.

Browser : Suatu Aplikasi pada komputer yang digunakan untuk membuka halaman website. jadi, tanpa browser kita tidak bisa membuka suatu halaman website.

Text Editor : Suatu Aplikasi pengolah text yang digunakan untuk mengolah text baik itu menulis, mengedit dan menyimpan file text. Ada beberapa text editor yang khusus digunakan untuk mengolah HTML, untuk materi ini akan saya bahas di materi selanjutnya.

Baca Juga : Perkembangan HTML

Menurut W3Schools, ada beberapa point penting mengenai HTML

  • HTML merupakan singkatan dari Hypertext Markup Language
  • HTML mendeskripsikan struktur web dengan menggunakan Markup
  • Elemen HTML merupakan serangkaian blok-blok/tag-tag yang disusun untuk membangun halaman web.
  • Elemen HTML dibuat dengan menggunakan tag HTML
  • tag HTML merupakan mark atau singkatan yang mewakili label dari suatu konten. misalnya “heading” dengan tag <h1> .. <h6>, “paragraph” dengan <p>, “table” dengan <table> dan lain lain.
  • Browser tidak menampilkan tag html secara langsung, namun merender mereka untuk menjadi suatu halaman web. untuk melihat tag html dari suatu webiste anda bisa menggunakan tombol ctrl+u atau view page source pada halaman browser anda
<!DOCTYPE html>
<html>
<head>
<metacharset="UTF-8">
<title>HTML Dasar</title>
</head>
<body>
<header>
<h1>Selamat datang di program HTML Pertama anda</h1>
<nav>
<ahref="#">Halaman depan</a>
<ahref="#">Page</a>
<ahref="#">Kontak</a>
</nav>
</header>
<sectionid="content">
<article>
<h3>Artikel Pertama Anda</h3>
<p>
                Halaman pertama HTML anda.
</p>
<ahref="#">more</a>
</article>
<article>
<h3>Artikel kedua Anda</h3>
<p>
                Halaman pertama HTML anda.
</p>
<ahref="#">more</a>
</article>
</section>
<footer>
<p>Hak cipta dilindungi undang-undang</p>
</footer>
</body>
</html>

 

Penjelasan Singkat

  • The <!DOCTYPE html> mendeklarasikan document HTML5
  • The <html> elemen ini adalah root atau dasar dari semua elemen html
  • The <head> elemen ini mengandung semua meta informasi tentang halaman yang kita buat
  • The <title> elemen ini berisi judul halaman
  • The <body> semua tag dan sintaks yang anda tulis disini akan muncul pada halaman browser
  • The <h1> elemen ini mendefinisikan judul paragraf/artikel dengan ukurang paling besar
  • The <p> elemen inimendefinisikan paragraf
  • The <header>,<nav>,<section>,<article>,<footer> elemen ini mendefinisikan area/daerah dari suatu blok html ke dalam tag yang lebih spesifik. namun tidak ada pengaturan khusus untuk tag-tag ini. tag-tag ini diperkenalkan pada HTML5, nanti akan kita bahas lebih lanjut di artikel selanjutnya.

Demikian pengenalan singkat mengenai HTML. Selamat Belajar

Itulah artikel Pemahaman dalam Penggunaan HTML yang dapat Mangcoding sharing. Mudah-mudahan artikel ini bisa bermanfaat dan dapat memberikan pengetahuan baru. Jika ada kritik serta saran yang dapat membangun, silahkan komentar atau kirim melalui Email dan Media sosial Mangcoding.