Dutormasi.com – Hallo sahabat dutormasi !! Selamat datang kembali di web Dutormasi. Pada kesempatan ini kita akan membahas membuat web sederhana menggunakan HTML. Sebelum membahas lebih lanjut kita harus paham dulu apa yang dimaksud HTML.
HTML
HTML atau yang biasa disebut Hyper Text Markup Language adalah bahasa Markup yang berperan sebagai kerangka dari suatu web. HTML bisa diartikan sebagai suatu file teks sederhana yang mengandung sintax berupa tag sehingga sebuah web browser dapat menampilkan suatu halaman dengan tampilan tertentu. Seperti yang sudah teman-teman ketahui, HTML berperan sebagai struktur untuk membangun sebuah halaman website. Dan pada kesempatan ini kita akan mencoba menuliskan struktur HTML. Oke mari kita mulai membuat web sederhananya.
Tools Yang dibutuhkan
1. Teks Editor
Text Editor adalah suatu software aplikasi yang memungkinkan teman-teman untuk membuat, mengubah atau mengedit file teks yang ada berupa text biasa. Text editor ini sebenarnya bisa digunakan untuk membuat program komputer sederhana dan mengedit code dari bahasa pemograman. Dan text editor sendiri juga bisa dimanfaatkan untuk membuat halaman web atau template web design dan juga membuat aplikasi tertentu. Contoh-contoh teks editor antara lain : Sublime teks, VS code , Notepad dll. Tapi yang kita gunakan saat ini adalah Notepad
2. Web Browser
Web browser adalah perangkat lunak atau software yang digunakan untuk mencari suatu informasi dan mengakses situs-situs yang terdapat pada internet. Software ini akan lebih mempermudah user dalam melakukan akses data untuk mencari referensi yang dibutuhkan. Banyak sekali macam perangkat web browser yang kini digunakan seperti Mozilla Firefox, Google Chrome, Opera, Safari, Internet Explorer dan lain sebagainya. Dan seperti biasa kita akan menggunakan Google Chrome.
Membuat Web Sederhana
1. Buka notepad yang terdapat di komputer kamu dengan cara klik kanan pada Desktop > New > text Document
2. Setelah Notepad terbuka lalu copykan text dibawah ini
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <h1>Hello Dutormasi</h1> </body> </html>
3. Lalu save as dengan nama index.html
4. Lalu jalankan aplikasi yang sudah kita buat tadi. Dan web sederhana sudah dapat ditampilkan.
Bagaimana, keren bukan. Tapi ini belum seberapa masih banyak yang harus dibutuhkan seperti tampilan yang menarik, seperti gambar, typografi, warna, link tentunya. Dan kita akan bahas disini, jadi jangan lupa update terus ya blog Dutormasi.com . semoga postingan ini menjadi motivasi untuk teman-teman untuk terus belajar. Salam Dutormasi.
