Pada Postingan kali ini saya akan mencoba berbagi tutorial tentang Bagaimana Membuat atau Merancang Website Sederhana Menggunakan HTML.
Namun, tahukah sobat apa HTML itu ?
Hyper Text Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.(Wikipedia)
Nah setelah mengetahui HTMLitu apa, kini saya akan berbagi cara membuat atau merancang suatu website menggunakan HTML.
Berikut contoh Kode HTML nya :
<html> <head> <title>dayatmbojo.blogspot.com</title> </head> <body background="Wood.jpg"><! BG  > <p align="center"> <img src="web.png"><p> </p> <table width="1000" border="3" cellspacing="5" align="center"> <tr> <td align="center" width="50"><b><a href="#home">HOME</a></b></td> <td align="center" width="50"><b><a href="#tutor">TENTANG</a></b></td> <td align="center" width="50"><b><a href="#ks">KONTAK</a></b></td> </tr> </table> <br><marquee behavior="alternate"> <font size=5 ">Selamat Datang Di Website Mbozho Times</marquee> </font> <br><br><br><p align="center"> <embed src=http://flash-clocks.com/free-flash-clocks-blog-topics/free-flash-clock-166.swf width=200 height=50 wmode=transparent type=application/x-shockwave-flash></embed> </p> <font size=4> <p align="center"> <font size=5> <B><s>Pernah Seperti ini ? Masa Kuliahmu Menyenangkan </s></B>!</p> <br></font> <font color= "Black" size="4"><br>1. Rice Cooker Serba Guna </font> <p> <img src="Serba.jpg" width="320" height="250"><br></p> <p>Barang yang satu ini menjadi barang yang paling urgent dan berarti bagi kalian yang pernah menikmati indahnya ala hidup anak rantauan.</p> <a href ="" target="_blank">Read More</a></p> <font color= "Black" size="4">2. Kata Bijak Orang Tua :D</font> <p> <img src="lucu.jpg" width="265" height="300"><p> <p>Jauh dari orang tua bukan berarti mahasiswa rantauan bebas dari amanah dan pesan orang tua. Namun, kadang pesan yang disampaikan orang tua tidak selalu seperti apa yang diekspektasikan.</p> <a href ="" target="_blank">Read More</a></p> <font color= "Black" size="4">3. Baperan.</font> <p> <img src="Baper.jpg" width="250" height="250"><br></p> <p>Istilah <i>"Baper"</i> atau Kebawa Perasaan ini kerap kali mewarnai keseharian anak rantauan. Segala sesuatu apa saja di baperin. Tugas banyak baper, kiriman telat baper sampai sarapan sendiri juga bisa bikin baper.</p> <a href ="" target="_blank">Read More</a></p> <a href ="" ><p align="center">Back To Top</a></p> <p> </p> </body> <footer><p align="center"><B> Copyright © dayatmbojo.blogspot.com</b></footer></p> </html> |
Dari kode HTML diatas, akan menghasilkan tampilan seperti berikut :
Catatan :
Untuk memanggil gambar (Background, gambar terserah), pastikan file gambar satu folder dengan kode HTML nya, karena jika file gambar tidak berada satu folder dengan HTMLnya, maka gambar yang ingin dipanggil tidak akan muncul pada website HTML sobat.
Itulah beberapa kode HTML untuk merancang dan membuat web sederhana. Jangan sungkan untuk mampir dikolom komentar ya sobat :D
Semoga bermanfaat.
Selamat belajar yaa ... Salam Blogger :)
EmoticonEmoticon