gravatar

Cara Membuat Web | HTML

Assalamualaikum dan salam sejahtera buat semua, kali ini saya akan membahas tentang cara membuat Web yang diajarkan oleh guru kami.

Tanpa panjang lebar mari lihat scriptnya yang diajari oleh Pak Wiedhodo dan pembahasannya satu persatu:


1. <title>hello aja</title>
Kode diatas adalah untuk judul. "hello aja" bisa diganti sesuai dengan keinginan anda.

2. <h1 align="center">Hello HTML!</h1>
Script diatas berguna untuk menempatkan posisi suatu tulisan menjadi berada di tengah, kanan dan kiri "center" bisa diganti dengan "right" dan "left".

3. <br/>
Script ini berfungsi untuk memberi baris berfungsi sebagai "Enter".

4. <i> <u> <b>Ini file HTML.  </b> </u> </i>
<i> berfungsi untuk garis miring (italic), <u> berfungsi untuk underline dan <b> berfungsi untuk bold.

5. Username : <input type ="text" name="username" value="">   <br/>
     Password : <input type ="password" name="password" value="">    <br/>
     <input type="button" name="sembarang" value="OK"><br/>
     <hr/>
Script diatas berfungsi untuk membuat textbox sebagai penulisan nama dan password serta membuat button OK.

6. <table border="17">
Script diatas berfungsi untuk memberi garis, angka "17" dapat anda ganti sesuai yang anda inginkan.

7.  <tr>
                <th>No</th>
                <th>Nama</th>
                <th>Alamat </th>
           </tr>
           <tr>
                <td>1</td>
                <td>Badaruddin</td>
                <td>Jln. Pemuda</td>
           </tr>
           <tr>
                <td>2</td>
                <td>Badar Knight</td>
                <td>Jln. Pulau Panjang</td>
           </tr>
     </table>
Script ini berfungsi untuk membuat table.

Sekarang kita sudah selesai dengan pembahasan, selanjutnya mari kita lihat full script:
 <html>
<head>
<title>hello aja </title>
</head>
<body>
     <h1 align="center">Hello HTML!</h1>
     <h2>Hello HTML!</h2>
     <h3>Hello HTML!</h3>
     Ini adalah hasil ane. </br>
     <i> <u> <b>Ini file HTML. </u> </b> </i>
     <br/>
     Username : <input type ="text" name="username" value="">   <br/>
     Password : <input type ="password" name="password" value="">    <br/>
     <input type="button" name="sembarang" value="OK"><br/>
     <hr/>
     <table border="10">
           <tr>
                <th>No</th>
                <th>Nama</th>
                <th>Alamat </th>
           </tr>
           <tr>
                <td>1</td>
                <td>Badaruddin</td>
                <td>Jln. Pemuda</td>
           </tr>
           <tr>
                <td>2</td>
                <td>Badar Knight</td>
                <td>Jln. Pulau Panjang</td>
           </tr>
     </table>
</body>
</html>

Berikut ini hasilnya:

NB: Script tersebut bisa dibuat di notepad, wordpad atau apa saja. Setelah selesai save dengan title “judul.html” (jangan lupa dibelakang judul harus ditulis .html).

Gimana sangat mudah bukan...?
That's all...

Subscribe via Email

Enter your email address:

Delivered by FeedBurner

Popular Entries

My Heello