Scribd
Unggah
350 tayangan3 halaman

Belajar HTML Untuk Pemula

Dokumen ini memberikan penjelasan dasar tentang Hypertext Markup Language (HTML) dan tag-tag dasar yang sering digunakan untuk mengatur format teks, huruf, paragraf, dan tabel di halaman web. Beberapa tag dasar yang dijelaskan meliputi <HTML>, <head>, <title>, <body>, tag-tag pengaturan huruf seperti <b>, <i>, <u>, dan pengaturan paragraf dan tabel. Contoh kode HTML sederhana juga disertakan beserta hasilnya untuk memperj

Diunggah oleh

irwansyah_david
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOC, PDF, TXT atau baca online di Scribd
350 tayangan3 halaman

Belajar HTML Untuk Pemula

Dokumen ini memberikan penjelasan dasar tentang Hypertext Markup Language (HTML) dan tag-tag dasar yang sering digunakan untuk mengatur format teks, huruf, paragraf, dan tabel di halaman web. Beberapa tag dasar yang dijelaskan meliputi <HTML>, <head>, <title>, <body>, tag-tag pengaturan huruf seperti <b>, <i>, <u>, dan pengaturan paragraf dan tabel. Contoh kode HTML sederhana juga disertakan beserta hasilnya untuk memperj

Diunggah oleh

irwansyah_david
Hak Cipta
© Attribution Non-Commercial (BY-NC)
Kami menangani hak cipta konten dengan serius. Jika Anda merasa konten ini milik Anda, ajukan klaim di sini.
Format Tersedia
Unduh sebagai DOC, PDF, TXT atau baca online di Scribd
Anda di halaman 1/ 3

Belajar HTML Untuk Pemula (Bag 

1)
Februari 2, 2009 farazinux Tinggalkan komentar Go to comments

HTML (Hyper Text Markup Language) merupakan bahasa standard yang dapat
digunakan untuk membuat tulisan maupun design di halaman web. Walaupun pada
umumnya kita tidak perlu mengetahui scrip HTML untuk membuat sebuah halaman
Website seperti dengan perangkat Macromedia Dreamsweaver, Microsoft Office Front
Page, ataupun yang lainnya. Akan tetapi terkadang kita perlu mengetahui sedikit dasar-
dasar HTML agar kita dapat memodifikasi tanpa harus membawa software yang berat-
berat tadi. Kita hanya perlu text editor seperti Note Pad bawaan Microsoft Windows
ataupun GEdit, Vi bawaan Linux. Berikut ini adalah beberapa tag yang sering digunakan
dalam HTML.

Pengaturan Halaman

view source
print?
<HTML> </HTML> = Menyatakan kode-kode yang ditulis diantaranya akan
1
dianggap sebagai format HTML.
2 <head> </head> = Mengatur bagian Title Bar di Browser
<title> </title> = Mengatur judul website yang akan ditampilkan di
3
Title bar
4 <body> </body> = Mengatur bagian isi / halaman pada HTML

Pengaturan Huruf

view source
print?
<b> </b> = Tulisan yang terletak di antara dua tag tersebut akan
1
tebal.
<i> </i> = Tulisan yang terletak di antara dua tag tersebut akan
2
miring.
<u> </u> = Tulisan yang terletak di antara dua tag tersebut akan
3
bergaris bawah.
4 <font> </font> = merupakan tag yang digunakan untuk memodifikasi font
5 <font face="Arial"> </font> = Digunakan untuk menentukan jenis huruf
6 <font size="5"> </font> = Digunakan untuk menentukan ukuran huruf
7 <font color="Black"> </font>= Digunakan untuk menentukan warna huruf

Pengaturan Paragraf

view source
print?
1 <p align="justify"> </p> = untuk membuat tulisan rata kanan-kiri
2 <p align="center"> </p> = untuk membuat tulisan rata tengah
3 <p align="left"> </p> = untuk membuat tulisan rata kiri
4 <p align="right"> </p> = untuk membuat tulisan rata kanan
<br> = Membuat baris baru seperti kalau kita tekan enter ketika
5
mengetik

Pengaturan Tabel

view source
print?
1 <table> </table> = Mendeklarasikan pembuatan tabel
2 <tr> </tr> = Mendeklarasikan pembuatan kolom
3 <td> </td> = Mendeklarasikan pembuatan baris

Nah… kalau masih pusing silahkan buat source code berikut dan simpan dalam ekstensi
*html oce

view source
print?
01 <html>
02   <head>
03     <title> Latihan Pertama </title>
04   </head>
05   <body>
06     <b> Tulisan Tebal </b> <br>
07     <i> Tulisan Miring </i> <br>
08     <u> Tulisan Bergaris Bawah</u> <br>
    <b><u><i> Kalau tulisan ini tebal, bergaris bawah dan
09
miring</i></u></b> <br>
10     <p align="justify">
        Kalao tulisan ini akan menghasilkan rata kanan kiri. Karena
11
kita menggunakan tag justify.
12     </p>
13     <p align="center">
14         Kalau tulisan ini akan terbentuk rata tengah
15     </p>
16     <p align="left">
17         Kalau tulisan ini akan menghasilkan rata kiri.
18     </p>
19     <p align="right">
20         Kalau ini akan membentuk rata kanan.
21     </p>
22     <table border="1">
23         <tr>
24             <td>
25                 Cel Satu
26             </td>
27             <td>
28                 Cel Dua
29             </td>
30         </tr>
31         <tr>
32             <td>
33                 Aku
34             </td>
35             <td>
36                 Kamu
37             </td>
38         </tr>
39  
40     </table>
41   </body>
42 </html>

Maka akan menghasilkan seperti berikut :

Dari gambar tersebut dapat kita lihat tag-tag yang kita buat di atas ternyata dapat
mengubah format yang bisa kita tentukan dengan mudah. Tanpa harus menggunakan tool
yang besar dan mahal. Nah… selamat mencoba kita kembangkan OpenSource di negeri
kita tercinta ini.
Tunggu edisi selanjutnya ini baru permulaan kita berjuang … Oce…

Anda mungkin juga menyukai