Haloo, ketemu lagi di step kedua untuk dasar dasar membuat website sederhana. Setelah di step pertama kemarin kita menginstal beberapa bahan utama untuk membuat web, maka selanjutnya kita akan mulai melakukan pengkodean alias ngoding.
Untuk teman teman yang belum baca step pertama bisa mampir dulu disini supaya gak roaming ya.
Ok lanjut, teman teman yang kemarin sudah install Notepad++ mungkin bisa dibuka dulu notepadnya. Notepad++ disini fungsinya adalah sebagai editor dimana nantinya kodingan yang akan kita buat akan kita ketikan disana. Ada banyak editor yang bisa temen temen pakai sebetulnya ada SublimeText, Netbean, Dreamweaver dan banyak lagi. Nah kenapa aku pakai Notepad++ karena sizenya yang ringan dan simple. Sebetulnya Notepad++ sama dengan Sublime, sama sama berukuran kecil, dan sama sama bisa kita modifikasi warna editornya jadi meminimalisir kebosanan dalam mengoding. Jd terserah temen temen mau pake editor apa, tp disini aku menggunakan notepad++.
Kita mulai dari pengkodean HTML. Perlu kita ketahui dasar dari pengkodean pemrograman web adalah HTML. Ibarat membangun rumah, HTML merupakan pondasinya. Jadi HTML merupakan bagian dasar dari dibangunnya sebuah website.
<html>
<head>
<title> judul halaman</title>
</head>
<body>
isi halaman
</body>
</html>
Kode diatas merupakan dasar kerangka penulisan kode HTML, jangan sampai ketuker ya, walaupun sebenarnya kita bisa saja menghilangkan bagian title atau head dan program masih tetap jalan, tapi itu tentu menyalahi aturan. Jadi teman teman wajib mengingat susunan kerangka HTML tersebut dengan benar seperti diatas. Paham kan? lanjut.
Sekarang kita coba membuat kode HTML di editor Notepad++ dan menampilkannya pada browser.
Sekarang kita coba membuat kode HTML di editor Notepad++ dan menampilkannya pada browser.
<html>
<head>
<title>HTML</title>
</head>
<body>
<p> ini adalah tag untuk membuat paragraf </p>
<br> <!--<br> untuk enter di dalam web menggunakan tidak tag penutup-->
<b> ini adalah tag untuk bold huruf</b>
<br>
<i> ini adalah tag untuk membuat huruf italic </i>
<br>
<center> ini adalah tag membuat paragraf/tulisan perataan tengah </center>
<br>
</body>
</html>
Save file tersebut di folder Local disk C ⇒ xampp ⇒ htdocs ⇒ buat folder baru dengan nama latihan ⇒ Save file dengan nama coba.html.
Nah nanti jadi seperti ini, karena dia pake extensi .html jadinya filenya bergambar chrome. Kalau sudah yuk kita coba buka file yang udah di buat di chrome. Untuk memangggil data di htdocs tuliskan url localhost/namafolder/namafile. Jadi kita tulis localhost/latihan/coba.html.
Nah jadi hasilnya akan seperti diatas itu, nah untuk teman-teman yang mau banyak lebih tau atribut atribut yang digunakan seperti <p></p> (ini digunakan untuk memulai paragraf), <b></b> (digunakan untuk cetak tebal/bold tulisan) dan banyak lagi bisa diliat disini.
Oke cukup sekian dulu untuk step kedua bagian HTML yaa, jangan lupa untuk terus nyoba. Sampai jumpa di step berikutnya.
Oke cukup sekian dulu untuk step kedua bagian HTML yaa, jangan lupa untuk terus nyoba. Sampai jumpa di step berikutnya.
Advertisement
1 comment
Mengulangi pelajaran dari awal.. Terima kasih sudah membagikan ilmu yang manfaat ini.. Semangat terus yaa Kak.. =)
Balas