Langsung ke konten utama

Postingan

Menampilkan postingan dengan label Belajar HTML

Belajar HTML Dasar Part 4: Cara Menjalankan File HTML

Setelah Web Browser selesai diinstal, dan Text Editor sudah tersedia, kali ini kita akan membahas tentang cara menjalankan file HTML dari web browser. Untuk memudahkan dalam mengakses file, sebaiknya buat sebuah folder “ BelajarHTML ” di Drive D. Folder ini akan kita jadikan tempat seluruh halaman HTML yang akan dibuat. Selanjutnya, buka aplikasi Notepad++ , atau aplikasi text editor lainnya, lalu ketik text berikut ini: Selamat Pagi Dunia, Hello World Save teks diatas sebagai hello.html pada folder BelajarHTML . Setelah itu jalankan file hello.html kita dengan cara double klik file tersebut, atau klik kanan –> Open With –> Firefox (jika anda menggunakan web browser firefox) Selamat! file HTML kita sudah dapat berjalan, walaupun sebenarnya belum ada satupun kode HTML didalamnya. Dari percobaan ini kita dapat melihat bahwa setiap halaman HTML harus diakhiri dengan ekstensi .html. Anda mungkin juga akan menemukan beberapa halaman juga memiliki ekstensi .htm , ekstensi ini di...

Belajar HTML Dasar Part 3: Memilih Aplikasi Editor HTML (Notepad++)

Setelah web browser berhasil diinstal, untuk membuat kode HTML kita butuh sebuah aplikasi text editor. Dalam tutorial HTML kali ini kita akan membahas tentang cara memilih aplikasi text editor yang sesuai, diantaranya adalah Notepad++ dan Komodo Edit. Memilih Aplikasi Editor HTML Memilih sebuah aplikasi editor HTML tidaklah terlalu sulit. Aplikasi editor HTML digunakan untuk mempermudah kita membuat kode HTML. HTML sendiri pada dasarnya hanya text biasa yang ditulis dalam kode-kode khusus. Web Browser-lah yang akan menerjemahkan kode HTML ini menjadi sebuah tampilan halaman web. Untuk membuat kode HTML maupun halaman web sederhana, kita tidak perlu menggunakan aplikasi yang besar dan berat. Aplikasi Notepad bawaan Windows sebenarnya sudah cukup untuk membuat kode HTML. Namun untuk tutorial belajar HTML kali ini saya akan menggunakan aplikasi Notepad++. Text Editor Notepad++ Aplikasi Notepad++ bisa di download secara gratis dari http://notepad-plus-plus.org/download/ dimana pada saat tu...

Belajar HTML Dasar Part 2: Mengenal Fungsi Web Browser

Setelah mempelajari Pengertian HTML dalam tutorial sebelumnya. Pada tutorial belajar HTML kali ini kita akan mengenal fungsi dari web browser, pengertian web browser dan kaitannya dengan standar HTML oleh W3C. Pengertian Web Browser Web Browser (atau biasa disebut browser ) adalah sebuah software aplikasi untuk menerima,  menampilkan, dan menerjemahkan informasi dari world wide web (wikipedia). Dan salah satu informasi itu dibuat dalam format HTML . Kode HTML yang kita buat akan diterjemahkan oleh web browser agar tampil seperti yang dirancang. Pada dasarnya seluruh web browser dapat menampilkan kode HTML sama baiknya, namun jika sudah berbicara mengenai desain halaman, tiap-tiap browser memiliki beberapa perbedaan. HTML dirancang dan diatur oleh sebuah badan standarisasi dunia yang khusus menangani web, yaitu W3C (World Wide Web Consortium) . Hal ini dikarenakan tiap-tiap program web browser menerjemahkan kode-kode HTML secara berbeda-beda, sehingga di perlukan sebuah standar y...

Belajar HTML Dasar Part 1: Pengertian HTML

Jika anda ingin mempelajari bagaimana cara membuat website, langkah pertama adalah mempelajari HTML . HTML merupakan dasar dari semua halaman web yang kita lihat di Internet. Tetapi, apa sebenarnya HTML itu? dalam tutorial pertama Belajar HTML Dasar ini kita akan membahas Pengertian HTML. Pengertian HTML HTML adalah singkatan dari Hypertext Markup Language . Disebut hypertext karena di dalam HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya hanya dengan meng-klik text tersebut. Kemampuan text inilah yang dinamakan hypertext , walaupun pada implementasinya nanti tidak hanya text yang dapat dijadikan link. Disebut Markup Language karena bahasa HTML menggunakan tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang berada di antara tanda tertentu akan menjadi tebal, dan jika berada di antara tanda lainnya akan tampak besar. Tanda ini di kenal sebagai HTML tag. Jika anda ingin m...