Dasar-dasar membuat website (Bagian 1)
Posted on July 16th, 2008 in Membuat website | No Comments »
Pada dasarnya sebuah halaman web dibentuk oleh komponen yang bernama HTML (Hyper Text Markup Language). Format HTML ini pada dasarnya juga adalah teks. Format teks ini dapat dibuat dengan menggunakan Notepad atau editor teks lainnya.
Format dasar halaman web menggunakan HTML adalah sbb:
<html>
<head>
<title>Judul Halaman Web</title>
<meta name=”Keywords” content=”keyword1,keyword2,keyword3“>
<meta name=”Description” content=”Keterangan halaman web“>
</head>
<body>
Isi halaman web
</body>
</html>
Judul halaman web adalah judul yang akan tampil di browser dan di halaman search engine.
Keyword adalah kata kunci yang akan digunakan oleh search engine untuk mengindeks halaman website.
Keterangan halaman web akan tampil di search engine.
Isi halaman web adalah isi halaman web dimana bisa berisi tabel, gambar, link atau teks biasa.
Untuk memformat teks, menampilkan gambar, membuat link atau membuat tabel, diperlukan kode-kode khusus. Berikut ini contohnya:
Menampilkan judul atau subjudul:
<h1>Judul</h1>
<h2>Sub Judul</h2>
<h3>Sub Sub Judul</h3>
Menampilkan paragraf atau alinea:
<p>Ini paragraf pertama</p>
<p align="right">Ini paragraf kedua , rata kanan</p>
<p align="center">Ini paragraf ketiga, rata tengah</p>
<p align="justify">Ini paragraf keempat, rata kiri-kanan</p>
Menampilkan tebal, miring, garis bawah:
<b>Tebal</b>
<i>Miring</i>
<u>Bergaris bawah</u>
Menampilkan gambar:
<img src="folder/nama_file.jpg">
Membuat link:
<a href="halaman2.html">Klik untuk ke halaman 2</a>
Contoh utuh satu halaman web:
<html>
<head>
<title>Judul Halaman Web</title>
<meta name=”Keywords” content=”keyword1,keyword2,keyword3“>
<meta name=”Description” content=”Keterangan halaman web“>
</head>
<body>
<h1>Judul</h1>
<h2>Sub Judul</h2>
<h3>Sub Sub Judul</h3>
<b>Tebal</b>
<i>Miring</i>
<u>Bergaris bawah</u>
<img src=”folder/nama_file.jpg”>
<a href=”halaman2.html”>Klik untuk ke halaman 2</a>
</body>
</html>
Ingin berlatih membuat website menggunakan editor teks? Silahkan download terlebih dahulu editor teks yang canggih dan gratis Crimson Editor.
Kalau mau mencoba membuat website menggunakan mode WYSIWYG (What You See Is What You Get), anda bisa menggunakan Microsoft Frontpage, Adobe Dreamweaver atau software gratis NVU.
Pada bagian selanjutnya kita akan belajar membuat tabel, gambar, form, dll.
Loading ...
