Setelah
memahami tentang HTML dan fungsinya, marilah kita belajar cara untuk membuat
file HTML tersebut.
Untuk mebuat
sebuah file HTML, kita bisa menggunakan HTML
editor atau text editor.
Text editor
merupakan aplikasi yang digunakan untuk membuat dan mengedit file text.
HTML Editor
adalah aplikasi yang bisa membuat HTML dengan mudah bahkan tanpa perlu memahami
kode-kode di dalamnya
Berikut
dijelaskan aplikasi yang digunakan untuk membuat File HTML.
Aplikasi
teks editor Notepad.
Notepad
adalah salah satu contoh bawaan window.
Tetapi
nodepad tidak cocok untuk membuat pemprograman kompleks, karna mempunyai opsi
yang terbatas. Tetapi sudah mencukupi untuk membuat file pemprograman yang
sederhana, terutama untuk belajar membuat file html bagi pemula.
Aplikasi
teks editor Notepad++
Notepad++
adalah aplikasi text editor khusus pemprograman yang tersedia di internet dan
bisa didownload secara gratis. Notepad++ ringan dan berukuran kecil. Aplikasi
ini sudah memadai untuk membuat file HTML.
Text Editor
seperti Notepad++ tidak hanya bisa digunakan untuk HTML saja. Aplikasi ini juga
bisa untuk membuat ‘hampir’ seluruh bahasa pemrograman lain, seperti PHP,
JavaScript, CSS, dll.
Aplikasi
teks editor gratis lainnya.
Sebagai
alternatif, aplikasi text editor gratis lainnya adalah Atom12, Komodo Edit13,
Bracket14, VS Code15, atau Aptana Studio16.
Aplikasi
HTML Editor AdobeDreamweaver
Adobe
dreamweaver adalah aplikasi canggih dan memiliki fitur yang melimpah untuk
pembuatan web.
Dreamweaver
temasuk aplikasi WYSIWYG (what you see is what you get), dimana kita bisa
merancang tampilan wed dengan cara drag dan drop tanpa harus mengetahui kode
program dibalik itu. Sehingga dreamweaver tidak cocok untuk proses belajar.
Aplikasi ini termasuk berat dan harganya cukup mahal untuk versi legalnya.
Aplikasi
HTML editor lainnya
Microsoft
Frontpage / Microsoft Expression Web (tidak dikembangkan lagi). Sama seperti
Adobe Dreamweaver, aplikasi ini tidak ‘pas’ untuk belajar, karena akan
menghasilkan kode-kode HTML secara instan. HTML editor lebih cocok jika anda
telah mengetahui kode-kode HTML dan ingin dengan cepat membangun website
Membuat file
html dengan menggunakan notepad++
Pada setiap
postingan saya, file html yang akan dibuat dengan menggunakan notepad++
Jika anda
belum menginstal aplikasi ini silahkan download di
Proses
instalasi Notepad++ hampir sama dengan program-program lain. Silahkan anda
ikuti proses instalasi dan biarkan setingan default.
Membuat
Dokumen HTML menggunakan Notepad++
Untuk mebuat
file dokumen baru,
-
Pilih menu File
-
Pilih menu New
Akan
terlihat halaman kosong, tempat untuk menuliskan kode kode HTML.
Kemudian
Tuliskan bahasa HTML dibawah ini ke area kerja sesuai seperti dibawah ini :
<html>
<head>
<title>
Belajar HTML </title>
</head>
<body>
<p>
Belajar Membuat Dokumen HTML </p>
</body>
</html>
-
Bila telah selesai , simpan file tersebut, pilih
File , kemudian save.
Atau ketikkan (Ctrl+S)
Beri nama dokumen tersebut dengan menggunakan
extention HTML. (namadokumen.html).
Contoh
belajar.html
Kemudian klik Save.
Membuka Dokumen file HTML
Setelah anda selesai membuat file HTML selanjutnya
check hasil file HTML tersebut di web
browser anda dengan cara seperti berikut :
Buka folder dimana file HTML itu disimpan.
Klik kanan file.
Klik menu Open With .. (Mozilla Firefox, Google Chrome, Opera dll)
Hasilnya akan tampak seperti gambar di bawah ini
Demikian tutorial bagaimana membuat file HTML
dasar. Untuk memahami lebih lanjut tentang HTML bisa terus mengikuti tutorial tutorial
singkat yang saya posting pada blog ini.
Tidak ada komentar:
Write komentar