Pembelajaran HTML 01 Pengenalan Kilat HTML 2022

Pada awal pembelajaran mengenai html 5 ini, saya akan memberikan pengenalan secara singkat seperti kilat begitu cepat tapi berkesan. Pembahasan ini akan mencangkup mengenai apa sih html? apa sih fungsi-fungsi dan juga melihat beberapa contoh atau code html yang dengan mudah bisa kita lihat dari website milik orang lain. Memang saya akui html ini mungkin sudah tak asing lagi untuk beberapa atau mungkin sebagian orang, tapi tak ada salahnya juga untuk memperkenalkannya kembali karena ada pepatah mengatakan tak dikenal maka tak di sayang.

1. Apa sih itu HTML?

Pada dasarnya HTML merupakan singkatan dari Hypertext Markup Language. Yang terdiri dari singkatan 3 komponen kata, yakni: Hypertext, Markup dan Language.

Perlu diketahui bahwa kata Hypertext dari HTML menekankan pengertian: text yang lebih dari sekedar teks ("hyper"- text). Maksudnya selain berfungsi sebagai teks biasa, sebuah teks di dalam HTML juga bisa berfungsi sebagai penghubung ke halaman lain atau dikenal dengan istilah link. Bukan hanya teks saja yang bisa digunakan sebagai link, tetapi bisa berupa gambar dan pada hakikatnya link tersebutlah yang akan menjadi inti dari HTML.

Kata kedua dari singkatan HTML adalah Markup. Markup dapat diterjemahkan sebagai tanda atau penanda (bahasa inggris: mark). Di dalam HTML, kita akan menggunakan tanda-tanda khusus seperti <p>, <a>, atau <li>. Tanda ini diperlukan untuk mengatur format dan membuat struktur halaman web.

Bagian terakhir dari HTML adalah Language. Arti dari language adalah bahasa. Mungkin kamu sudah pernah berkenalan dengan bahasa pemrograman komputer, disini HTML tidak menggunakan "Programming Language", tetapi hanya "Language" saja.

Dapat disimpulkan bahwa HTML bukanlah sebuah bahasa pemrograman. Lah kok bisa sih? walau memiliki istilah bahasa dari singkatan language , tetapi html tidak memiliki fungsi logika atau bahasa pemrograman komputer untuk menetukan sebuah kesimpulan atau sebuah kondisi. Contohnya seperti variable, kondisi if else, function dan sebagainya.

2. Apa sih fungsi-fungsi HTML?

Pernah tidak sih kamu berpikir apa sih fungsi dan maksud dalam penggunaan html? Fungsi dasarnya html sendiri itu kebanyakkan digunakan dalam pembentukan struktur sebuah website. Struktur? Nah yang gimana tuh struktur sebuah website. Struktur sebuah website sederhannya seperti bagian judul pada postingan atau artikel, bagian isi atau deskrisp penjelasan suatu postingan artikel pada website dan juga bagian-bagian yang difungsikan sebagai tabel.

Terus apakah design, tamplate atau sesuatu untuk menghias tampilan pada website diatur juga oleh html? untuk masalah tampilan itu merupakan tugas dari CSS bukan html. Kami juga membahas mengenai CSS kamu bisa mengeceknya. Dengan memperlajari css maka kalian bisa mempercantik tampilan website kalian. Jadi ibaratnya html itu adalah sebuah struktur atau kerangka atau badan sebuah bangunan sedangkan css adalah sebuah design ataupun cat yang bertujuan memberi warna dan tampilan yang menarik.

3. Yuk lihat contoh HTML suatu website

Wah kamu semakin semangat atau malah penasaran mengenai struktu html? ok deh sederhananya struktur dasar html hanya terdiri dari " <> " yang didalam tanda kutip dibaca tag, tag html meliputi <html><head><title><body> dimana saat membuka sebuah tag maka kalian juga harus menutupnya kembali dengan tag penutut "</>" . Berikut ini adalah contoh coding index.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Alodospem | Jasa Bimbingan Perkodingan</title> <!--- Judul atau nama website akan muncul pada tab di browser anda  --->

</head>

<body>
    <h1>Pembelajaran HTML 01 Pengenalan Kilat HTML </h1> <!--- Judul sebuah postingan  --->
    
    <p> Pada awal pembelajaran mengenai html 5 ini, saya akan memberikan pengenalan secara singkat seperti kilat begitu cepat tapi berkesan. Pembahasan ini akan mencangkup mengenai apa .... </p> <!--- isi paragraf  --->

</body>
</html>

Pada contoh skrip coding diatas bisa kamu lihat bahwa setiap pembukaan " <> " maka harus diakhiri dengan penutup " </> ". Coding diatas bisa kalian copykan kedalam text editor dengan format html.

Pembelajaran Selanjutnya?

Wah bagaimana kamu makin penasaran untuk memperlajari htmlnya? Yasudah saya juga membuat materi berikutnya dibawah ini tapi jangan lupa tinggalkan komentar kamu biar saya lebih semangat lagi buat materinya.