Untuk membuat kode HTML maupun halaman web sederhana, kita tidak perlu menggunakan aplikasi yang besar dan berat. Aplikasi Notepad bawaan Windows sudah cukup untuk membuat kode HTML. anda juga bisa menggunakan aplikasi Notepad++.
Aplikasi Notepad++ ini dapat diinstall secara gratis dari http://notepad-plus-plus.org/download/ dimana pada saat tutorial ini diupdate pada Novermber 2014, versi terakhir adalah 6.6.9. Notepad++ adalah aplikasi editor text gratis yang ringan, dan memiliki banyak fitur. Salah satunya adalah fitur pewarnaan code untuk memudahkan penulisan HTML.
Bagaimana dengan Adobe Dreamweaver? Aplikasi ini merupakan aplikasi web editor yang paling populer. Dreamweaver menyediakan fitur melimpah untuk sekedar membuat halaman web dengan kode HTML. Dreamwever tidak hanya sebuah text editor untuk HTML saja, namun juga untuk berbagai bahasa pemograman web lainnya. Tetapi aplikasi ini tidak gratis dan cenderung ‘berat’.
Semua tergantung dari selera dan kepuasan mana yang anda pilih karena banyak juga aplikai lain yang tersedia.
Struktur Dasar HTML
Setiap halaman HTML setidaknya memiliki struktur dasar yang terdiri dari : Tag DTD atau DOCTYPE, tag html, tag head, dan tag body. Inilah yang merupakan struktur paling dasar dari HTML, walaupun HTML tidak hanya berisi struktur tersebut.
Agar lebih mudah memahaminya, silahkan buka text editor (Notepad++), lalu ketikkan kode berikut ini:
Contoh struktur dasar HTML:
1code-line:1-12code-line:1-23code-line:1-34code-line:1-45code-line:1-56code-line:1-67code-line:1-78code-line:1-89code-line:1-9<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<p>Dasar html dan struktur</p>
</body>
</html>
Ssimpan sebagai file .html misal demo.html.
Cara Menjalankan File HTML
Untuk memudahkan dalam mengakses file, sebaiknya buat sebuah folder “HTML” di Drive D atau E komputer anda. Folder ini akan kita jadikan tempat menyimpan seluruh halaman HTML yang akan dibuat.
Selanjutnya, buka aplikasi Notepad atau Notepad++ atau aplikasi text editor lainnya, lalu ketik text berikut ini:
1code-line:2-12code-line:2-23code-line:2-34code-line:2-45code-line:2-56code-line:2-67code-line:2-78code-line:2-89code-line:2-9<!DOCTYPE html>
<html>
<head>
<title>Title</title>
</head>
<body>
<p>Coba buat html</p>
</body>
</html>
Setelah anda membuat file html sebagai contoh .html pada folder yang anda buat. Setelah itu jalankan file contoh .html kita dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox (Jika anda menggunakan web browser firefox)
Cukup untuk kali ni tentang membahas html, akan kita lanjutkan di lain posting. semoga bermanfaat....
Tidak ada komentar :
Link aktif dalam komentar akan terhapus secara otomatis.
Untuk menyisipkan kode, gunakan tag <i rel="code">...KODE ANDA DI SINI...</i>
Untuk menyisipkan script, gunakan <i rel="pre">...KODE SCRIPT ANDA...</i>
Untuk menyisipkan gambar, gunakan tag <i rel="image">...URL GAMBAR ANDA ...</i>
Untuk menyisipkan judul, gunakan tag <b rel="h3">...JUDUL ANDA...</b>
Untuk menyisipkan catatan, gunakan tag <b rel="quote">...CATATAN ANDA...</b>
Untuk menciptakan efek tebal gunakan tag <b>...TEKS ANDA...</b>
Untuk menciptakan efek huruf miring gunakan tag <i>...TEKS ANDA...</i>
Konversi KodeOOT