Pengenalan HTML
HTML merupakan singkatan dari Hypertext Markup Language, yang merupakan standar bahasa markup untuk membangun sebuah website. HTML ini merupakan script untuk front end sebuah website yang mengatur tampilan sebuah website.Jadi teringat masa lalu ketika awal - awal mengenal dunia website, yang pertama saya pelajari adalah HTML. Belajar HTML sangat mudah dan tidak perlu logika yang tajam atau tidak sampai memeras otak yang begitu parah. Begitu kita mengetahui dasarnya, langsung kita bisa membuat nya sendiri halaman website yang sederhana serta bisa langsung melihat hasilnya di browser.
Alat-alat yang harus disediakan.
Tools atau alat-alat, persenjataan yang harus dilengkapi sebelum melangkahkan kaki untuk menyelami dunia HTML ini sebagai berikut:
1. Text Editor
Text Editor ini berfungsi untuk menuliskan script yang kita inginkan. Tempat dimana kita bisa mengelola atau menata sebuah halaman website.
Banyak sekali Text Editor yang bisa kita pakai secara gratis alias free diluar sana, diluar bawaan Windows. Disini saya cantumkan beberapa contoh yang terbaik, katanya, saya urutkan sebagai berikut:
- Atom , link : https://atom.io/
- Visual Studio Code : https://code.visualstudio.com/
- Notepad++ : https://notepad-plus-plus.org/download/v7.6.3.html
- Sublime Text : https://www.sublimetext.com/
Notepad bawaannya Windows terlalu sederhana dan tidak ada nomor barisnya, jadi ketika ada error memakan waktu untuk mencari barisnya. Apalagi kalau membuat kode atau script PHP, dijamin sangat memakan waktu banyak, maklum PHP kalau ada sedikit kesalahan saja akan terjadi error dan disebutkan di baris berapa terjadi error-nya pada saat kita jalankan atau mencoba script-nya.
Kalau merujuk kepada kebutuhan dan kesederhanaan saya rasa Notepade++ adalah yang saya sarankan. Tidak hanya sederhana Notepad++ juga bisa merekan history terakhir perubahan script yang kita ubah atau buka di jendela Notepade++, jadi ketika kita buka jendela Notepad++, langsung terbuka file-file yang terakhir kita buka atau rubah. Dengan adanya fasilitas ini akan memmudahkan kita dan akan menghemat banyak tenaga dan waktu.
2. Browser.
Sungguh terlalu dan kurang pergaulan kalau ada diantara pembaca yang tidak mengetahui apa itu browser. Fungsi browser adalah untuk menjalankan atau membuka tampilan sebuah website.
Contoh browser yang paling terkenal adalah:
- Internet Explorer dan Edge.
- Mozilla Firefox.
- Opera.
- Safari.
- Google Chrome.
Silahkan mencoba salah satu, pilih salah satu yang paling pembaca sukai. Yang saya sering pakai diantara kelima browser tersebut adalah Mozilla firefox, Opera, dan Google Chrome.
Membuat contoh halaman website dengan HTML.
Saya contohkan script yang tidak standar disini.
<html>
<head>
</head>
</head>
<body>
<h1>Ini Judul </h1>
Apa kabar dunia!
</body>
</html>
Script diatas saya tuliskan di Text Editor dan disimpan langsung ke dalam salah satu drive atau folder yang ada di komputer saya dengan extensi HTML / HTM.
Image by Bang Ben.
Coba saya open di browser, saya coba buka dengan Opera, dan hasilnya :
Image by Bang Ben
Semoga bermanfaat.
Tidak ada komentar:
Posting Komentar