1. Membuat judul tab dalam halaman web, buka notepad+ terlebih dahulu, kemudian ketikan atau copy paste code dibawah ini:
<html>
<head>
<title> Belajar HTML </title>
</head>
<body BGCOLOR=“White” TEXT=“Red”>
WELCOME TO MY WEBSITE
</body>
<body bgcolor=”#141414”>
</html>
Selanjutnya simpan dengan format HTML dan lihat hasilnya ,gambar hasilnya seperti di
bawah ini :
2. Mengatur paragraf texs, buka notepad+ kemudin ketikan atau copy paste code dibawah ini:
<html>
<head>
<title> Tag P, Br dan Hr </title>
</head>
<body>
<p>Ini adalah paragraf pertama, yang berisi 3 baris. Baris satu, dua dan tiga. <br><br></p>
<p>Ini adalah paragraf kerdua, yang berisi garis horizontal</p>
<hr> Ini adalah garis horizontal.
</body>
<body bgcolor=”#141414”>
</html>
Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar berikut:
Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar berikut:
3. Mengatur ukuran huruf, buka notepad+, kemudian ketikan atau copy paste code dibawah ini:
<html>
<head>
<title> Tag Halaman </title>
</head>
<body>
<h1> Halaman 1 </h1>
<h2> Halaman 2 </h2>
<h3> Halaman 3 </h3>
<h4> Halaman 4 </h4>
<h5> Halaman 5 </h5>
<h6> Halaman 6 </h6>
</body>
<body bgcolor=”#141414”>
</html>
Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar berikut:
4. Mengatur format texs, Buka notepad++, kemudian ketikan atau copy paste code dibawah ini:
<html>
<head>
<title>format tulisan</titele>
</head>
<body>
contoh teks normal <br>
<small> contoh teks small </small><br>
<big> contoh teks big</big><br>
<b> contoh teks tebal </b><br>
<i> contoh teks miring </i><br>
<u> contoh teks bergaris bawah </u><br>
Contoh superscript : x <sup>2</sup><br>
Contoh subscript : H<sub>2</sub>O<br>
<strike> contoh teks tercoret </strike><br>
<font size = 6 face = verdana>
menggunakan tag font
</font>
</body>
<body BGCOLOR ="#141414">
</html>
Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar berikut:
5. Membuat from komentar, buka notepad+, kemudian ketikan atau copy paste code dibawah ini:
<html>
<head>
<title> From komentar </title>
</head>
<body>
<table>
<tr>
<tdcolspan="3"> </td></tr><tr>
<td colspan="3"><h3>Silahkan Berkomentar : </h3></td>
<td colspan="3"><h3>Silahkan Berkomentar : </h3></td>
</tr>
<tr>
<td>Nama</td>
<td>:</td>
<td><input type=text name="nama"></td>
</tr>
<tr>
<td>Email</td>
<td>:</td>
<td><input type=text name="email"></td>
</tr>
<tr>
<td valign=top>Komentar</td>
<td valign=top>:</td>
<td><textarea name="komentar" rows=6 width=200></textarea></td>
</tr>
<tr>
<td colspan="3"><input type=submit name="submit"
value=submit></td>
</tr>
</table>
</table>
</body>
<body BGCOLOR ="#141414">
</html>
Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar berikut:
6. Mengatur kolom, buka notepad+ kemudian ketikan atau cpy paste code dibawah ini:
<html>
<head>
<title>warna-warna</title>
</head>
<body>
<table width="300" border="1">
<tr>
<td colspan="3" align="center">warna-warna </td>
</tr>
<tr>
<td bgcolor="#00FF00">Hijau</td>
<td bgcolor="#FFFF00">Kuning</td>
<td bgcolor="#FF0000">Merah </td>
</tr>
<tr>
<td bgcolor="#999999">Abu-abu</td>
<td bgcolor="#0000FF">Biru</td>
<td bgcolor="#FF9900">Orange</td>
</tr>
<tr>
<td bgcolor="#663300">Cokelat</td>
<td bgcolor="#3399CC">Biru muda</td>
<td bgcolor="#FF00FF">Merah muda</td>
</tr>
</table>
</body>
<body BGCOLOR ="#00FF00">
</html>
Langkah selanjutnya simpan dalam format HTML dan buka file dengan firefox atau sejenisnya, maka hasilnya akan seperti pada gambar berikut:
Semoga bermanfaat. terima kasih
Sumber : http://danizave.blogspot.com
Tidak ada komentar:
Posting Komentar