Ditulis oleh ibnu hamzah ditanggal
Tutorial HTML Pemula Part-01: Tak kenal maka tak sayang |
hallo temen temen, apa kabar?
kali ini kita belajar seri baru yaitu belajar html, gampang lah ya😄
oke gue mulai dengan pertanyaan.
Mengapa sih kita harus mempelajari HTML?
jadi ini jawabannya temen temen.
langkah awal dan yang paling mendasar untuk membuat web ialah dengan mempelajari html terlebih dahulu, menurut gue html juga merupakan hal yang hukumnya wajib dipelajari jika ingin menjadi seorang web developer.
kalo ditanya kenapa wajib.
ya karna html ibaratnya ya merupakan pondasi awal untuk membuat suatu web, html merupakan bahasa dasar untuk membuat suatu web.
dari web yang tingkatannya sederhana hingga advance pastinya membutuhkan html dalam membangun web tersebut.
Jika ingin tau bagaimana HTML itu berkerja pada sebuah website coba klik kanan pada mouse lalu pilih View Page Source dibrowser yang kalian pakai maka akan muncul sebuah tab baru yang berisikan tag tag kode html yang membuat rasa ingin mual😄
oke cukup basa basinya kita masuk kemateri letsgoo cihuyy🏃♂️💨
Apa Itu HTML
Menurut wikipedia nih ya html pengertian nya sebagai berikut!
Hypertext Markup Language (HTML) adalah bahasa markah standar untuk dokumen yang dirancang untuk membuat sebuah halaman diwebsite
Ngerti ora maksudnya? kalo belum paham oke gue sederhanakan lagi.
jadi sederhana nya gini HTML merupakan singkatan dari Hyper Text Markup Language . yaitu bahasa yang menggunakan penanda yang biasanya disebut sebagai tag, biasanya tag di dalam html diawali dengan tag pembuka dan tag penutup, dan tiap tiap tag memiliki fungsi yang berbeda beda saya akan contohkan satu tag yang berfungsi untuk menampilkan judul dari sebuah website.
<h1> Ini adalah judul </h1>yang dimaksud tag pembuka ialah ini <h1> dan tag penutupnya ialah yang ini </h1> rata rata semua tag html memiliki pembuka dan penutup, tetapi ada si yang tidak memiliki penutup hanya pembuka saja contohnya tag <br>, <hr> dan lain lain.
html memiliki beragam macam tag dengan fungsi yang berbeda beda, nantinya kita akan membahasnya dilain artikel ya😚
JUST INFO : HTML bukanlah sebuah bahasa pemrograman dikarnakan html tidak memiliki fungsionalitas, html juga tidak bisa melakukan intruksi intruksi tertentu agar komputer bisa menjalankan fungsi tertentu, contohnya seperti mengkalikan kedua bilangan, menjumblahkan dan lain lain. HTML bisa dibilang sebagai bahasa markup yang difungsikan hanya untuk membuat tampilan sebuah website.
semoga sudah paham ya untuk pengertian HTML itu sendiri, kalau belum lambat laun nanti juga bisa mengambil kesimpulan sendiri ko, tetap semangat ya😎
Membuat Halaman Website Pertama
kita sudah belajar pengertian html sudah saatnya kita mencoba untuk membuat helloworld.html, ga apdol rasanya kalo belum membuat helloworld😂
coba tulis kode berikut ditexteditor kalian.
gue sih pake sublimetext ya untuk text editornya kalian juga bisa pake Visual Studio Code, noteped++ kalo kalian advance kalian bisa pake notepad biasa tuh bawaan windows paling mata pegel aja🤣 untuk text editor bebas aja temen temen, mungkin dilain waktu gue akan membahasnya diartikel khusus tentang texteditor jadi tunggu aja link menyusul ya.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width= , initial-scale=1.0">
<title>Document</title>
</head>
<body>
<h1>Hello world, hello world again!</h1>
</body>
</html>jika sudah save program tersebut dengan ekstensi .html gue menamai file tersebut dengan helloworld.html kalian bisa menamainya dengan yang lain sesuka hati kalian.
taraaa ini hasilnya
Penamaan File HTML
ada beberapa hal yang perlu diperhatikan untuk membuat sebuah dokumen HTML, jika memberi nama dengan salah maka dokumen tidak akan tampil didalam browser.
Jangan menggunakan karakter khusus
untuk penamaan file temen temen bisa menggunakan huruf aA-zZ dengan angka 0-9 jika ingin memberi nama panjang bisa juga menggunakan tanda hubung(-) atau garis bawah. gue sih merekomendasikan memberi nama seperti ini. ohya hindari penggunaan titik(.) atau (,).
✅ helloworld.html
✅ helloworld100.html
❌ hello.word.html
❌ hello/word.html
Hindari penggunaan karakter spasi
penggunaan karakter spasi memang tidak menimbulkan masalah yang serius untuk penamaan file html, tetapi itu bukan ide yang baik untuk dokumen halaman web. biasakan jangan menggunakan karakter spasi, coba gunakan karakter garis bawah ( _ ) atau tanda penghubung( - ) saat menghubungkan nama file.
✅ hello-world.html
✅ hello_world.html
❌ hello word.html
Mulailah pemberian nama file dengan huruf
hal ini memang tidak wajib dilakukan, tetapi ini saran yang baik dalam pemberian nama yang benar dan terkadang merupakan kebiasaan seorang programer untuk tidak memberi nomer didepan dikarnakan terikat oleh aturan penamaan variable haha.
✅ helloworld69.html
❌ 69hello word.html
Gunakan huruf kecil dan jangan alay plis!
sama seperti diatas ini merupakan anjuran saja dalam penamaan file yang baik, jika kalian tetap memaksa menggunakan huruf besar kecil dan alay itu terserah kalian, kalian sendiri yang kerepotan dalam menncari file tersebut nantinya 😂
✅ helloworld.html
❌ hElLowOrld.html
Berikan nama sesuai dengan kontennya
jika kalian memberi nama tidak sesuai sih gapapa, tapi nantinya kalian kerepotan jika lupa menaruh file dimana, dan apalagi namanya ngasal, jadi ya lebih baik sesuai dengan isi webnya, kalau kalian buat web ladingpage ya namainnya landing-page.html jangan helloworld.html nantinya kalian kebingungan sendiri jika file kalian dijadikan satu.
Apa selanjutnya?
mungkin segitu dulu artikel kali ini..
jika ada yang belum jelas dan kurang paham kalian bisa berkomentar dibawah yah.
berikutnya kita akan belajar tentang tag, atribute, dan elemen.
link menyusul ya..
terimakasi sudah menyimak…
Ibnu Hamzah
Hanya seorang pengembara kode, yang suka sekali naik gunung dan berpetualang dialam.