WELLCOME Tuesday
2018-11-20
6:11 AM
Welcome Guest | RSS Main | File Catalog | Registration | Login
Site menu

Login form

Section categories
My files [1]

Search



Main » Files » My files

blajar
2009-11-14, 8:19 AM

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


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

Pengaturan Huruf


1<b> </b> = Tulisan yang terletak di antara dua tag tersebut akan tebal.
2<i> </i> = Tulisan yang terletak di antara dua tag tersebut akan miring.
3<u> </u> = Tulisan yang terletak di antara dua tag tersebut akan 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


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
5<br> = Membuat baris baru seperti kalau kita tekan enter ketika mengetik

Pengaturan Tabel


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


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>
09    <b><u><i> Kalau tulisan ini tebal, bergaris bawah dan miring</i></u></b> <br>
10    <p align="justify">
11        Kalao tulisan ini akan menghasilkan rata kanan kiri. Karena 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 :
Latihan HTML 1
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. :D
Tunggu edisi selanjutnya ini baru permulaan kita berjua



http://farazinux.wordpress.com/2009/02/02/belajar-html-untuk-pemula/
Category: My files | Added by: defaultNick
Views: 544 | Downloads: 0 | Rating: 0.0/0
Total comments: 0
Name *:
Email *:
Code *:
Our poll
Rate my site
Total of answers: 0

Site friends
  • Create your own site

  • Statistics

    Total online: 1
    Guests: 1
    Users: 0


    Copyright MyCorp © 2018