Kali ini saya akan memeberikan tutorial membuat web mulai dari dasar. Ini sangat cocok untuk teman-teman yang penasaran dan ingin membuat web sendiri namum belum bisa sama sekali. Langkah awal ini akan menjembatani teman-teman untuk bisa lebih baik lagi dalam membuat web.
Bahan-bahan yang dibutuhkan:
Kali ini saya akan mengajari coding sederhana mulai dari tahap paling awal. Ketikkan code dibawah ke web editor. Lalu simpan seperti pada langkah-langkah membuat web.
Hasilnya setelah dijalankan adalah:
Setelah ini saya akan mengajarkan beberapa tag yang biasanya dipakai pada html. Misalnya mengatur paragraf, membuat garis, membuat list bullet numbering, format karakter, pengaturan font, dan hyperlink. Tunggu kelanjutannya di "Belajar Dasar Membuat Web Part 2" ya...
Bahan-bahan yang dibutuhkan:
- PC
- Bowser (Mozilla, Opera, Safari, Internet Explorer, Flock, dll)
- Web Editor (Notepad, Notepad++, NetBeans)
- Wamp Server / Xampp server, dll ( kami menggunakan wamp, bisa didownload DI SINI )
- Buka PC
- Buka Web Editor
- Instal Wamp Server (jika sudah di instal langsung diaktifkan saja)
- Aktifkan wamp
- Mulai menulis code di web editor
- Simpan file dengan nama index.html di C:\wamp\www\latihan (terlebih dulu buat folder latihan di C:\wamp\www\)
- Buka Browser
- Ketikkan http://localhost lalu enter (jika terdapat tulisan Problem Loading, berarti wamp belum aktif)
- Pilih folder dengan nama latihan
- Maka hasil codingan kita akan tampil di web browser
Kali ini saya akan mengajari coding sederhana mulai dari tahap paling awal. Ketikkan code dibawah ke web editor. Lalu simpan seperti pada langkah-langkah membuat web.
<html>
<head>
<title>Belajar HTML Part 1</title>
</head>
<body>
Belajar membuat web tahap awal.<br>
Tag html merupakan definisi awal bahwa dokumen ini merupakan dokumen html.<br>
Tag head digunakan untuk menuliskan keterangan dokumen.<br>
Tag titel berada di dalam tag head yang berfungsi untuk menuliskan judul html ini yang akan muncul pada caption halaman browser. <br>
Tag body merupakan bagian utaman dalam dokumen web, semua yang berada di dalam body akan ditampilkan di web browser. <br>
Tag br digunakan untuk memberikan spasi.<br>
Semua tak ditulis dengan diapit tanda "<" ">".<br>
Secara normal tag ditulis secara berpasangan. Misal "< i >" dengan "< / i >". Namun ada juga yang tidak, misalnya "< br >"
</body>
</html>
Hasilnya setelah dijalankan adalah:
0 comments:
Post a Comment