MEMBUAT WEBSITE SEDERHANA DENGAN HTML BESERTA ELEMENT NYA
Assalamu'alaikum wr wb
Pada kesempatan kali ini...saya akan menunjukan bagaimana membuat sebuah halaman web sederhana menggunakan HTML saja,Khusunya bagi anda para pemula yang ingin belajar membuat website sendiri.
Nah,langsung saja kita mulai prakteknya.Dalam tutorial kali ini perangkat yang dibutuhkan antara lain:
-
Notepad, atau anda bisa mencoba Notepad++,yang mana dalam program ini tersedia fitur yang lebih baik ketimbang notepad bawaan windows.
-
Browser sebagai program penampil halaman web. Jika anda pengguna windows, biasanya browser IE(Internet Explorer) akan terinstall otomatis. Anda juga bisa menggunakan browser dari google, yaitu Chrome.
yang pertama, buka program notepad dari komputer anda dengan cara:
-
jika anda ingin menggunakan notepad default bawaan Windows,Tekan tombol Windows+R,lalu ketik "notepad" lalu tekan Enter
-
Jika anda ingin menggunakan Notepad++,anda bisa men-Downloadnya Disini...setelah itu jalankan aplikasi notepad++ yang telah anda download tersebut
Untuk lebih jelasnya,lihat gambar dibawah ini
Setelah muncul dialog box tersebut,lalu tekan Enter.
Lalu selanjutnya akan muncul tampilan seperti berikut ini
Nah,selanjutnya anda tinggal memasukan Script Html ke notepad tersebut
Untuk lebih mudahnya,saya kasih contoh script seperti berikut ini :
<html>
<head>
<title>
Ini Adalah Title
</title>
</head>
<body>
<h1>Ini adalah Main Heading</h1>
<p>Isi dari Main Heading, bisa berupa kata pembuka atau
penjelas dari Main Heading, jika penjelasan terlalu panjang maka
akan di bagi menjadi beberapa Sub-Heading.<p>
<h2>Ini Adalah Sub-Heading</h2>
<p>Kebanyakan artikel yang panjang memiliki sub-headings untuk
membantu Anda mengikuti struktur apa yang sedang ditulis.
Bahkan mungkin sub-sub-headings
(atau tingkat yang lebih rendah Dari headings).
</p>
<h2> Sub-Heading Tambahan</h2>
<p>Disini anda dapat melihat sub-heading tambahan.</p>
</body>
</html>
Anda tinggal Copy script diatas,dan Pastekan ke notepad anda.Lalu save notepad dengan cara tekan Ctrl+s pada keyboard,lalu berinama dengan akhiran ".html" (dot html) dan ubah file type nya ke "All files".
Seperti gambar dibawah ini
Setelah di save,lalu anda tinggal buka file HTML tersebut dengan Browser anda,
dan setelah itu akan muncul tampilan seperti gambar dibawah ini...
ini adalah halaman web sederhana yang anda buat dengan hanya menggunakan HTML dan Notepad saja.jika anda ingin membuat tampilanya lebih menarik,anda harus menambahkan Css kedalam script anda...dan jika anda ingin menambahkan fungsi fungsi lain ke dalam website anda,anda bisa mempelajari tentang Php dan MySql.
Cukup sampai disini dulu postingan kali ini :v Semoga bermanfaat