Cara Membuat Page HTML Dari NotePad Dengan Mudah

Posted By Fikri on Saturday, 23 August 2014 | 02:16

  Website memiliki berbagai macam fungsi mulai dari; komunikasi, berbagi ilmu pengetahuan, berbagi file bahkan sampai berjualan pun dapat dilakukan dengan website. Untuk itu pada posting kali ini saya akan  menjelaskan cara membuat website hanya dengan menggunakan notepad. Karena hanya menggunakan notepad maka halaman yang tampil masih sangat sederhana. Dan materi yang saya share ini merupakan bagian dasar dari pembuatan web, untuk itu bagi anda yang sudah ahli dalam pembuatan web bersedia menambahkan jika ada kekurangan maupun kesalahan dalam penulisan.
Berikut cara pembuatanya

Pertama persiapkan aplikasi yang diperlukan yakni notepad (bisa notepad biasa tetapi lebih baik menggunakan notepad++, bisa didownload filehippo atau indowebster) dan browser internet  (saran saya dengan google chrome dan firefox)

tag-tag dasar yang perlu dipelajari :

<html></html>                                    Tag untuk mengapit semua halaman HTML
<head></head>                                  Tag yangyang berfungsi memberikan informasi umum dari halaman
<title></title>                                      Judul halaman. Terdapat pada <head>
<body></body>                                  untuk mensetting attribut keseluruhan isi halaman
<b></b>                                            Untuk menebalkan teks (bold)
<i></i>                                              Untuk memiringkan teks (italic)
<u></u>                                            Untuk menggaris bawahi teks (underline)
<p></p>                                            Untuk membuat paragraf
<font></font>                                    Untuk memanipulasi bentuk dan ukuran huruf
<br>                                                  Untuk pindah ke baris baru
<hr>                                                  Untuk membuat garis horizontal
<a></a>                                             Untuk membuat links (hyperlink)

·         Materi membuat halaman berisi judul dan artikel
1.       Buka notepad anda (yang saya gunakan notepad++)
2.       Ketik kode dibawah ini, di bawah pada notepad anda

<html>
<head>
<title>kata kata bijak cinta</title>
</head>
<body>
<p>kata-kata bijak cinta</p>
<p>Cinta tidak pernah meminta, ia sentiasa memberi, cinta membawa penderitaan, tetapi tidak pernah berdendam, tak pernah membalas dendam.
Di mana ada cinta di situ ada kehidupan; manakala kebencian membawa kepada kemusnahan.</p>
</body>
</html>
3.       Simpan di localdisc D: dan buat folder baru dengan “web” dan simpan file tadi dengan nama “belajar membuat artikel web.html”  - pilih All type pada kotak “Save as type”
4.       buka file tadi dengan Mozilla firefox ataupu google chrome
5.       Dan hasilnya akan Nampak seperti ini
6.       Selesai semoga bermanfaat bagi kalian yang baru belajar membuat website menggunakan note pad.
Blog, Updated at: 02:16

0 komentar:

Post a Comment