DASAR HTML DAN PENGENALAN TAG

1.
Dasar dasar HTML <body bgcolor=”#00ff00”>
1. Membuat judul tab dalam halaman web, </html>

buka notepad++ terlebih dahulu, kemudian
ketikan code dibawah ini: Langkah selanjutnya simpan dalam format HTML
dan buka file dengan firefox atau sejenisnya, maka
<html> hasilnya akan seperti pada gambar 2 berikut:
<head>
<title> My First HTML Project </title>
</head>
<body BGCOLOR=“Green” TEXT=“Red”>
WELCOME TO MY WEBSITE
</body>
Gambar 2. Mengatur Paragraf
<body bgcolor=”#00ff00”>
3. Mengatur ukuran huruf, buka notepad++,
</html> kemudian ketikan code dibawah ini:
Langkah selanjutnya simpan dalam format HTML <html>

hasilnya akan seperti pada gambar 1 berikut: <head>
<title> Tag Heading </title>
</head>
<body>
<h1> Heading 1 </h1>

Gambar 1. Judul Tab Halaman
2. Mengatur paragraf texs, buka notepad++
kemudin ketikan code dibawah ini:
<html>
<head>
</body>
<title> Tag P, Br dan Hr </title>
<body bgcolor=”#00ff00”>
</head>
</html>
<body>
Langkah selanjutnya simpan dalam format HTML
<p>Ini adalah paragraf pertama, yang berisi 3
hasilnya akan seperti pada gambar 3 berikut:
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>
Gambar 3. Ukuran Huruf
Gambar 4. Format tulisan
4. Mengatur format texs, Buka notepad++,
5. Membuat from komentar, buka notepad++,
kemudian ketikan code dibawah ini:
kemudian ketikan code dibawah ini:
<html>
<html>
<head>
<head>
<title>format tulisan</titele>
<title> From komentar </title>
</head>
</head>
<body>
<body>
teks normal <br>
<table>
<small> teks small </small><br>
<tr>
<big> teks big</big><br>
<tdcolspan=”3″> </td></tr><tr>
<td colspan=”3″><h3>Silahkan Berkomentar :
<b> teks tebal </b><br>
</h3></td>
<i> teks miring </i><br>
</tr>
<u> teks bergaris bawah </u><br>
<tr>
Contoh superscript : x <sup>2</sup><br>
<td>Nama</td>
Contoh subscript : H<sub>2</sub>O<br>
<td>:</td>
<strike> Ini teks tercoret </strike><br>
<td><input type=text name=”nama”></td>
<font size = 5 face = verdana>
</tr>
menggunakan tag font
<tr>
</font>
<td>Email</td>
</body>
<td>:</td>
<body BGCOLOR =”#00FF00″>
<td><input type=text name=”email”></td>
</html>
</tr>
<tr>
<td valign=top>Komentar</td>
<td valign=top>:</td> <tr>
<td><textarea name=”komentar” rows=6 <td bgcolor=”#00FF00″>Hijau</td>

width=200></textarea></td>
<td bgcolor=”#FFFF00″>Kuning</td>
</tr>
<td bgcolor=”#FF0000″>Merah </td>
<tr>
</tr>
<td colspan=”3″><input type=submit
name=”submit” <tr>
value=submit></td> <td bgcolor=”#999999″>Abu-abu</td>
</tr> <td bgcolor=”#0000FF”>Biru</td>

</table>
<td bgcolor=”#FF9900″>Orange</td>
</body>
</tr>
<tr>
</html>
<td bgcolor=”#663300″>Cokelat</td>
dan buka file dengan firefox atau sejenisnya, maka <td bgcolor=”#3399CC”>Biru muda</td>
<td bgcolor=”#FF00FF”>Merah muda</td>
</tr>
</table>
</body>
</html>

Gambar 5. From komentar dan buka file dengan firefox atau sejenisnya, maka
6. Mengatur kolom, buka notepad++ kemudian
ketikan code dibawah ini:
<html>
<head>
<title>warna-warna</title>
</head>
<body> Gambar 6. Tabel
<table width=”300″ border=”1″> 1. Hyperlink
<tr> 1. Membuat hyperlink kehalaman web lain,

buka notepad++, kemudian ketikan atau
<td colspan=”3″ align=”center”>warna-warna </td> copy saja code dibawah ini:
</tr> <html>
<head> 1/gambar/Graphic1.jpg” border=”0″ width=”80″
height=”30″/></a>
<title> Judul tab </title>
<ahref=”file:///C:/Users/COMPAQ/Documents/
</head> HTML.1/desain%20web/profil.html”
title=”Profilku”><img
<body> src=”file:///C:/Users/COMPAQ/Documents/HTML.
1/gambar/profil.jpg” border=”0″ width=”100″
Ini hyperlink ke wordpress height=”30″/></a>
<a href=”http://www.wordpress.com/” <ahref=”file:///C:/Users/COMPAQ/Documents/

title=”Masuwordpress”> WordPress </a> HTML.1/html_colors.html” title=”Kode Warna
Pada HTML”><img
<br>Klik dan masuk ke yahoo<a src=”file:///C:/Users/COMPAQ/Documents/HTML.
href=”http://www.yahoo.com/” 1/gambar/Kode%20Warna.jpg” border=”0″
title=”Masuk yahoo”> Yahoo </a> width=”150″ height=”30″/></a>
<br>Masuk ke facebook anda <a

href=”file:///C:/Users/COMPAQ/Documents/HTM
<a href=”http://http://www.facebook.com/” L.1/kumpulan%20puisi.html” title=”kumpulan
title=”Masuk ke facebook”> Facebook </a> Kata-kata Mutiara”><img
src=”file:///C:/Users/COMPAQ/Documents/HTML.
</body> 1/gambar/kata%20kata.jpg” border=”0″
width=”100″ height=”30″/></a>
</body>
</html>
dan buka file dengan firefox atau sejenisnya, maka </html>
Gambar 7 link halaman web lain
2. Membuat hyperlink antar bagian dalam web, Gambar 8. Link Antar Bagian Dalam Web
buka notepad++, kemudian ketikan atau
copy saja code dibawah ini: 1. Membuat Website Sederhana
<html> 1. Membuat halaman login pada website, buka

notepad++, kemudin ketikan atau copy saja
<head> code dibawah ini:
<title> Judul tab </title> <html>
</head> <head>
<body> <title>login web</title><link rel=’icon’

href=’gambar/B.png’>
<ahref=”file:///C:/Users/COMPAQ/Documents/
HTML.1/desain%20web/home.html” title=”ke </head>
Rumah”><img
src=”file:///C:/Users/COMPAQ/Documents/HTML. <body>
<p align=”center”> <font size=”6″ <option value=”13″>13</option>
color=”#FF6600″ >
<option value=”14″>14</option>
Silahkan mengisi data yang ada di bawah untuk
masuk ke website saya :)</font> <option value=”15″>15</option>
</p> <option value=”16″>16</option>
<table align=”center”> <option value=”17″>17</option>
<td><form method=”post” <option value=”18″>18</option>

action=”home.html”><label><font
color=”#FF6600″>Nama Anda:</label> <option value=”19″>19</option>
<br> <option value=”20″>20</option>
<input type=”text” name=”nama” value=””></br> <option value=”21″>21</option>
<label><font color=”#FF6600″>Email Atau <option value=”22″>22</option>

telepon:</label>
<br>
<input type=”text” name=”Email”
value=””></br><label><font <option value=”25″>25</option>
color=”#FF6600″>Alamat:</label>
<br>
<input type=”text” name=”Alamat”
Value=””></br> <option value=”28″>28</option>
<label><font color=”#FF6600″>Tanggal Lahir <option value=”29″>29</option>

</label>
<br>
<select name=”select”>
</select>
<select name=”select2″>
<option value=”1″>Januari</option>
<option value=”2″>Februari</option>
<option value=”3″>Maret</option>
<option value=”4″>April</option>
<option value=”5″>Mei</option>
<option value=”6″>Juni</option>
<option value=”7″>Juli</option>
<option value=”8″>Agustus</option>
<option value=”9″>September</option>
<option value=”10″>Oktober</option>
<option value=”11″>Nopember</option>
<option value=”12″>Desember</option>
</select>
<select name=”select3″>
</select></br>
<label><font color=”#FF6600″>Jenis Kelamin

</label>
<br><font color=”red”>Pria
<font color=”#CCFF00″>Wanita</br>
<input type=”submit” Value=”Masuk”>
</td>
</table>
<body background=”gambar/aaa.png”>
http://MP3/Greenday%20-%20I%20walk
%20Alone.swf
<p align=”center”> <font size=”1″

color=”#FF6600″ ><BLINK>….. Dalam
penggisiannya harus jujur yaa, jangan bo’onk

……
</body>
</html>

dan buka file dengan firefox atau sejenisnya,
background dapat anda ganti sendiri sesuai dengan
kesukaan anda.
Hasilnya seperti pada gambar 9 berikut:

DASAR HTML DAN PENGENALAN TAG

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

DASAR HTML DAN PENGENALAN TAG

Diunggah oleh

Hak Cipta:

Format Tersedia

1.

Dasar dasar HTML <body bgcolor=”#00ff00”>

1. Membuat judul tab dalam halaman web, </html>

<title> My First HTML Project </title>

<body BGCOLOR=“Green” TEXT=“Red”>

Langkah selanjutnya simpan dalam format HTML <html>

<title> Tag Heading </title>

<h1> Heading 1 </h1>

<h2> Heading 2 </h2>

<h3> Heading 3 </h3>

<p>Ini adalah paragraf kerdua, yang berisi garis

<hr> Ini adalah garis horizontal.

<td><textarea name=”komentar” rows=6 <td bgcolor=”#00FF00″>Hijau</td>

value=submit></td> <td bgcolor=”#999999″>Abu-abu</td>

</tr> <td bgcolor=”#0000FF”>Biru</td>

<body BGCOLOR =”#00FF00″>

Langkah selanjutnya simpan dalam format HTML

<body> Gambar 6. Tabel

<table width=”300″ border=”1″> 1. Hyperlink

<tr> 1. Membuat hyperlink kehalaman web lain,

<a href=”http://www.wordpress.com/&#8221; <ahref=”file:///C:/Users/COMPAQ/Documents/

<br>Masuk ke facebook anda <a

Gambar 7 link halaman web lain

<html> 1. Membuat halaman login pada website, buka

<title> Judul tab </title> <html>

<body> <title>login web</title><link rel=’icon’

</p> <option value=”16″>16</option>

<table align=”center”> <option value=”17″>17</option>

<td><form method=”post” <option value=”18″>18</option>

<br> <option value=”20″>20</option>

<input type=”text” name=”nama” value=””></br> <option value=”21″>21</option>

<label><font color=”#FF6600″>Email Atau <option value=”22″>22</option>

<label><font color=”#FF6600″>Tanggal Lahir <option value=”29″>29</option>

<label><font color=”#FF6600″>Jenis Kelamin

<input type=”submit” Value=”Masuk”>

<p align=”center”> <font size=”1″

penggisiannya harus jujur yaa, jangan bo’onk

Langkah selanjutnya simpan dalam format HTML

Hasilnya seperti pada gambar 9 berikut:

Anda mungkin juga menyukai

<a href=”http://www.wordpress.com/” <ahref=”file:///C:/Users/COMPAQ/Documents/