miranti rizky blog: HTML

okeh sekarang saya mau ngeposting tentang HTML. apa itu HTML ? HTML (Hyper Text Markup Language) adalah interface standard dari internet. Dan HTML itu sendiri sangat mudah digunakan. Halaman-halaman pada HTML bisa untuk memasang Teks, gambar, musik, link, video, dll.

Tag HTML yang wajib harus dimiliki adalah sebagai berikut :

<html>

<head>

<title>judul web yang anda inginkan</title>

</head>

<body>

HELLO WORLD

</body>

</html>

Untuk memulainya pertama-tama, kalian buka notepad kalian :

1. Membuat Garis Baru (Paragraf).
Untuk membuat garis baru, diperlukan kode seperti : <br /> atau <p>. Fungsi dari kedua kode tersebut adalah sama. Contoh :

<body>

HELLO WORLD<br />
HELLO WORLD<p>

</body>

2. Membuat Huruf Tebal, Garis Bawah dan Cetak Miring.
    Diperukan kode sebagai berikut :
   - Untuk Cetak Miring : <i> (masukkan teks yang anda inginkan) </i>
   - Untuk Garis Bawah : <u> (masukkan teks yang anda inginkan) </u>
   - Untuk Huruf Tebal   : <b> (masukkan teks yang anda inginkan) </b>
Contoh :

<body>

     <i>HELLO WORLD</i><br />
     <u>HELLO WORLD</u><br />
     <b>HELLO WORLD</b><br />

</body>

3. Membuat Tabel
Untuk pembuatan tabel dibutuhkan :
- Untuk garisnya : <table border = "(masukkan angka)">
lalu, misalnya :

<body>

<tr>

     <th>no</th>
     <th>nama</th>
     <th>(dan seterusnya)</th>

</tr>

<tr>

     <td>13</td>
     <td>miranti</td>
     <td>(dan seterunya)</td>

</tr>

</body>
    catatan : <th> ... </th> untuk menambahkan kolom, dan <td> .... </td> untuk baris)
Contoh diatas nantinya yang tertampil hanya 1 baris saja, untuk lebih dari satu baris, tambah lagi dibawah </tr> adalah <tr> terus masukkan deh kode kode seperti <th> ..... </th> begitu juga seterusnya.

4. Membuat Input Type Teks dan Password
Digunakan kode, misalnya :
    Name : <input type="text" name="user" value=""> (seperti mengisi formulir)
untuk membuat seperti password, cukup mengganti input type nya menjadi "password".
mudah kan!!!!

5. Membuat Tombol
    Digunaka kode :
    <input type="button" name="tombol" value="okey">
       catatan : berwarna orange bisa diganti sesuka anda)

6. Membuat Tulisan Menjadi Besar
    Dugunakan kode : <h1> teks .... </h1>
       catatan : perhatikan h1-nya, jika semakin naik seperti 1 2 3 .... maka tulisan akan semakin mengecil)

7. Membuat Huruf Menjadi Berwarna
    Digunaka kode :
    <body>
    <font color="(warna apa aja, seperti red, yellow, green dll)"> (teks apa aja) </font>
    </body>

8. Membuat Tulisan Berjalan (Marquee)
    Digunkan kode :
    <body>

     HELLO WORLD
    </marquee>
    </body>

Untuk menyimpannya klik save lalu muncul kotak dialog untuk akan disimpan dimana data ini. Sebelumnya, Save as Type nya ganti dengan All file, terus untuk penamaannya ketik .html lalu save deh. Jika ingin dibuka lewat browser, klik kanan file kalian yang tadi lalu open with dengan browser kalian.

miranti rizky blog

Minggu, 22 Januari 2012

HTML

Tidak ada komentar:

Posting Komentar