Minggu, 06 Januari 2008
Background
Dengan menggunakan latar belakang (background) maka website kita akan nampak semakin menarik. Untuk memasukkan latar belakang kita bisa menggunakan pilihan warna maupun grafik (gambar).
Sekarang kita mulai dengan menggunakan pilihan warna:



<html>
<head></head>
<body bgcolor="#FF99FF">
<p>Hai.. Saat ini saya sedang belajar membuat latar belakang dengan warna</p>
<p>Kalau anda kurang suka dengan warnanya... ganti aja deh... kode warnanya... </p>
</body>
</html>



Untuk nilai dari atribut bgcolor diatas anda bisa menggunakan Kode hexadecimal, Nilai RGB atau Nama dari warna tersebut.
Coba anda ganti nilai dari atribut bgcolor dengan contoh dibawah ini:



<body bgcolor="#FFFF00">
<body bgcolor="rgb(250,250,0)">
<body bgcolor="yellow">
Hasilnya akan sama. Untuk mengetahui Kode Hexadecimal dan Nilai RGB dari suatu warna.

Selanjutnya membuat latar belakang dengan grafik atau gambar.
Pertama anda harus punya gambar yang ber-extention .gif atau .jpg yang akan dijadikan background, masukkan (copy) gambar tersebut ke folder tempat file dokumen HTML anda berada, dan harus tahu nama dan perluasan (extention) dari file tersebut, misalkan nama filenya adalah:background.jpg



<html>
<head></head>
<body background="background.jpg">
<font color="blue"><h1 color="red">Selamat datang di Websiteku</h1></font><hr color="#ff0000" size="2">
<p><font face="Verdana" size="4" color="black">Hai.. Saat ini saya sedang belajar membuat latar belakang dengan gambar,<br>
Biar bagaimanapun anda diwajibkan harus menyukainya...</font></p>
</body>
</html>


Kemudian latar belakang dapat juga menggunakan gambar yang ada di website orang lain, tapi dengan catatan anda harus sedang terhubung ke internet (online) dan harus tahu alamat url dari gambar tersebut di internet. Untuk mengetahui alamat suatu gambar klik kanan gambar tersebut kemudian pilih properties dan lihat image location, copy alamat tersebut dan ganti ke contoh dibawah ini diawalii dari http:



<html>
<head></head>
<body background="http://i185.photobucket.com/albums/x272/akomara/HeaderLagi.jpg">
<p>Hai.. Saat ini saya sedang belajar membuat latarbelakang dengan menggunakan gambar dari website orang lain! hua ha..ha..ha..</p>
<p>Mudah-mudahan yang punya website ngamuk sekalian deh...siapa takut!!</p>
</body>
</html>



baca selengkapnya..
posted by Arie @ 20.52   0 comments
Senin, 17 Desember 2007
Mewarnai Text dan Background
Perlu diketahui bahwa penentuan warna pada HTML bisa dengan nama warna (dalam bahasa Inggris) dan bisa pula dengan kode warna. Kode warna ditulis dalam format heksa #rrggbb. Berikut ini adalah 16 nama warna beserta kodenya dalam format heksa (harap diingat bahwa tulisan 0 adalah angka nol, bukan huruf O).


black #000000 blue #0000FF olive #808000

white #FFFFFF fuchsia #FF00FF green #008000

red #FF0000 gray #808080 teal #008080

yellow #FFFF00 silver #C0C0C0 navy #000080

lime #00FF00 maroon #800000 purple #800080

aqua #00FFFF




<HTML>
<BODY BGCOLOR="#FFFF00" TEXT="#FF0000">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>


Tambahkanlah tag-tag berikut ini:


<HTML>
<HEAD>
<TITLE></TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>


Di sini terlihat bahwa kita menambah tag <HEAD> dan tag <TITLE>. Tag HEAD berfungsi untuk mengapit berbagai macam fungsi dan informasi yang berkenan dengan halaman web yang bersangkutan. Pada latihan kali ini, kita memasukkan tag TITLE diantara tag HEAD. Sesuai namanya, tag TITLE ini berfungsi untuk mengapit kalimat yang menjadi judul dari halaman web tersebut. Sekarang mari kita tuliskan judul halaman web ini:


<HTML>
<HEAD>
<TITLE>Karya Pertamaku</TITLE>
</HEAD>
<BODY BGCOLOR="yellow" TEXT="red">
Tulisan ini akan tampak dalam browser.
</BODY>
</HTML>


Simpan lagi file ini dengan meng-klik File lalu Save. Sekarang kita akan melihat bagaimana perubahannya dalam browser. Lakukan lagi Refresh seperti di atas. Maka anda akan melihat di baris teratas (yang dinamakan Title Bar) dari program browser akan menampilkan judul atau titel dari halaman web anda yaitu: Karya Pertamaku. Alhamdulillah, selesailah latihan pertama kita.


baca selengkapnya..
posted by Arie @ 00.21   13 comments
Latihan
Buatlah Tampilan Browser anda seperti di bawah ini dengan menggunakan Tag-tag yang telah anda ketahui :



World Wide Web (WWW) merupakan sebuah sistem dimana informasi (teks, gambar, suara, dan lain-lain) dipresentasikan dalam bentuk hypertext dan dapat diakses oleh sebuah peraga WWW (yang sering disebut sebagai browser).

Informasi di WWW pada umumnya ditulis dalam bentuk HTML (Hypertext Markup Language). Selain itu, informasi lain dapat berupa: gambar (dalam format GIF, JPG, PNG), suara (dalam format AU, WAV), dan objek multimedia lainnya (seperti MIDI, Shockwave, Quicktime Movie, 3D World).


baca selengkapnya..
posted by Arie @ 00.14   0 comments
Minggu, 16 Desember 2007
HEADER ATAU KEPALA TULISAN
Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML><BODY>
<H1>Header level 1</H1>
<H2>Header level 2</H2>
<H3>Header level 3</H3>
<H4>Header level 4</H4>
<H5>Header level 5</H5>
<H6>Header level 6</H6>
<HTML><BODY>


Simpanlah dalam format file HTML kemudian buka dalam browser. Hasilnya akan tampak sebagai berikut:

Header level 1


Header level 2


Header level 3


Header level 4


Header level 5

Header level 6



baca selengkapnya..
posted by Arie @ 23.12   0 comments
FORMAT TEXT HTML
Dibawah ini adalah contoh format teks yang sering digunakan di dalam dokumen HTML :





<html>

<head></head>

<body>

<hr>

<h1>Ini adalah halaman HTML pertamaku.</h1>

Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->

<hr>

<p>Aku sedang mempelajari format-format teks.<br>

Contoh-contohnya adalah sebagai berikut:</p>

<p>Teks Normal<br>

<tt>Teks mesin ketik</tt><br>

<b>Teks tebal (bold)</b><br>

<strong>Teks tebal dengan perintah Strong</strong><br>

<i>Teks dengan italic (miring)</i><br>

<em>Teks miring dengan perintah Emphasized</em><br>

<u>Teks bergaris bawah (underline)</u><br>

<strike>Teks tercoret (strike)</strike><br>

<big>Teks lebih besar dari normal</big><br>

<small>Teks lebih kecil dari normal</small><br>

Teks menggunakan Subscript: Molekul Air adalah
H<sub>2</sub>O<br>

Teks menggunakan Superscript: Hasil dari
10<sup>2</sup>=100<br></p>

</body>

</html>


Akan ditampilkan dalam browser adalah sebagai berikut :




Ini adalah halaman HTML pertamaku.


Dikerjakan oleh:


Aku sedang mempelajari format-format teks.

Contoh-contohnya adalah sebagai berikut:


Teks Normal

Teks mesin ketik

Teks tebal (bold)

Teks tebal dengan perintah Strong

Teks dengan italic (miring)

Teks miring dengan perintah Emphasized

Teks bergaris bawah (underline)

Teks tercoret (strike)

Teks lebih besar dari normal

Teks lebih kecil dari normal

Teks menggunakan Subscript: Molekul Air adalah H2O

Teks menggunakan Superscript: Hasil dari 102=100




Kemudian untuk menampilkan teks sesuai dengan yang tertulis kita gunakan tag <pre>...</pre>, misalnya jika anda menuliskan syair sebuah lagu atau puisi:
<html>
<body>
<pre>

<b>PUITUIS ASA</b>
Hari ini...
Aku sedang belajar...
Belajar tentang HTML.
Sulit 'ntuk dimengerti,
Karena banyaknya teks-teks aneh.
Tapi biarlah...
Akan kucoba...
Sampai pingsan.

</pre>
</body>
</html>


baca selengkapnya..
posted by Arie @ 23.10   10 comments
Senin, 03 Desember 2007
MENULIS TEXT HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat coba tambahkan dengan tag-tag berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>



Untuk membuat suatu paragraf tag elemennya adalah <p>...</p>, dan untuk baris baru adalah <br>, perlu diketahui bahwa sebagian tag elemen HTML tidak memerlukan tag penutup, sebagai contoh adalah <br> ada juga <hr>, apa itu <hr>?, coba lanjutkan lagi dengan contoh berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
<hr>
<h1>Ini adalah halaman HTML pertamaku.</h1>
Dikerjakan oleh: <!-- Tolong isikan dengan nama anda -->
<hr>
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html>

Nah..udah tau kan apa itu <hr>. Garis Horizontal <hr> juga tidak menggunakan tag penutup. Kemudian ada <h1>...</h1> disebut dengan Heading, merupakan ukuran teks yang biasa di pakai untuk judul, bab, maupun sub-bab lainnya. Ukurannya ada 6 jenis mulai dari <h1> sampai <h6>, ukuran yang paling besar adalah h1 dan yang terkecil adalah h6.
Selanjutnya tag <!--...--> adalah Comments digunakan untuk memasukkan (menyisipkan) suatu komentar di dalam HTML. Suatu comments akan diabaikasn oleh browser. Kamu dapat menggunakan komentar untuk menjelaskan sesuatu hal.

HEADER ATAU KEPALA TULISAN

Header adalah huruf-huruf berukuran khusus yang digunakan untuk menuliskan judul bab atau sub bab. Ada enam tingkatan header mulai dari H1 hingga H6. H1 adalah header yang paling besar dan H6 adalah header yang paling kecil. Coba tulis dalam Notepad anda sebagai berikut:
<HTML><BODY>
<H1>Header level 1</H1>
<H2>Header level 2</H2>
<H3>Header level 3</H3>
<H4>Header level 4</H4>
<H5>Header level 5</H5>
<H6>Header level 6</H6>
<HTML><BODY>

Simpanlah dalam format file HTML kemudian buka dalam browser. Hasilnya akan tampak sebagai berikut:



baca selengkapnya..
posted by Arie @ 00.29   0 comments
Senin, 05 November 2007
TAG DASAR HTML

Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML, HEAD dan
BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:


<html>

<head>
<title>Disini adalah Titel Websiteku</title>
</head>
<body>
Ini adalah dokumen
HTML pertamaku
</body>
</html>



Tag pertama pada dokumen HTML diatas adalah: "<html>" tag ini merupakan
awal dari suatu dokumen HTML, dan tag "</html>" merupakan akhir dari
dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag
<html>...</html>.


Kemudian tag "<head>...</head>" (header) adalah informasi dari
dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script
dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan
di web browser.



Tag berikutnya adalah "<title>...</title>" merupakan bagian dari
Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di
titel browser atau list paling atas dari web browser. Sebagai contoh sewaktu
anda membuka file contoh diatas perhatikan di sudut kiri paling atas dari
browser anda, akan muncul tulisan "Disini adalah Titel Websiteku".


Tag "<body>...</body>" merupakan isi dari suatu dokumen HTML yang
akan ditampilkan di web browser, yang terdiri dari berbagai macam format file
berupa texs, grafik, link, animasi maupun audio-video (multimedia).



baca selengkapnya..
posted by Arie @ 23.03   1 comments




Search By Google


Google


about me

Hanya Seorang Lelaki Biasa Yang berusaha menjadi Suami, Ayah dan Anak yang Baik...

My Lovely Daughter :


Yang Terdahulu :
Archives


Buku Tamu :


Jumlah Pengunjung :

Jumlah Pengunjung



Thanks To :

Allah SWT, Muhammad SAW, My Parent, My Amazing Lady (My Wife & My Daughter), Focus Komputer (Purwakarta), And ALL OF U (The Visiter of My BLOG) .. God Bless U

My Favorit Links
Template by
Free Blogger Templates