Sabtu, 11 Februari 2012

BACKGROUND

Halo all.....
Da yang tau g cara buat background pada sebuaah web??
Nah klo g tau kebetulan saya mau jelasin caranya....

CONTOH WEB DENGAN BACKGROUND WARNA:

kan udah liat contohnya, skarang tinggal prakteknya aja:

Nah gampang kan caranya..... klo belajar di web blog ini, pelan2 tapi pasti...
Dan jangan lupa, yang punya blog juga trus ngurusin blog ini.

TO BE CONTINUE...

Jumat, 10 Februari 2012

Sekarang kita belajar tentang image.....
Kan biasanya ada web yang menyertakan image...
Nah untuk image kita akan belajar untuk meletakkan image di web yang di buat dengan "NOTEPAD" dan image yang di buat dari "WEB BETULAN"...

Ini contoh image di web: Google

Dan ini contoh image di web yang di buat melalui notepad:

sekarang mari kita liat bagaimana sih kode htmlnya:

UNTUK IMAGE WEB ASLI:

UNTUK IMAGE WEB uji coba dengan NOTEPAD:

keterangan: width = untuk menentukan lebar gambar.
height= untuk menentukan tinggi gambar.

catatan: untuk pengguna NOTEPAD, simpan gambar di 1 folder bersama HTML kalian.
untuk totorial yang selanjutnya, TO BE CONTINUE....

Rabu, 08 Februari 2012

LINK

Kali ini mari kita bahas soal membuat sebuah link.
pertanyaan:Apa sih link itu??
jawaban :Link adalah suatu jembatan antara satu atau lebih informasi.

contoh penggunaan Link:

KLIK INI UNTUK MASUK KE GOOGLE

Kan udah liat contohnya, skarang kita liat yuk kodenya bagaimana...

<a href="www.google.com>KLIK INI UNTUK MASUK KE GOOGLE</a>

bagaimjana??? gampangkan???

TO BE CONTINUE....

Sabtu, 04 Februari 2012

BELAJAR HTML LEWAT NOTEPAD

Untuk kali ini saya tidak membahas HTML, tapi saya akan sharing cara belajar html lewat NOTEPAD... kalian gak nyangka kan klo NOTEPAD bisa di buat HTML..... nah ikuti aku yuks.....

Gini caranya:
pertama buka NOTEPAD dan ketikkan HTMLnya:

Selanjutnya, Save As Html Tersebut:

Save HTML tadi dengan extensi ".HTML"

Selanjutnya, untuk melihat hasilnya, buka dengan "MOZILA" atau "INTERNET EXPLORER":

Bagi yang tidak terhubung dengan internet jangan khawatir, karna ini tidak memerlukan koneksi ke internet.

TO BE CONTINUE....
CREATED BY: BIMA ANGGARA YUDHA (YG PUNYA BLOG INI)
HE...HE..HE... TETEP SEMANGAT KAWAN....

HTML5

Maaf temen-temen..... updatenya malem-malem, biasa... nak skolah ya gini.... ehh... jadi curhat q...

Oke.... skarang ita bahas masalah heading. biasanya dalam suatu HTML terdapat Heading suatu "entri" atau "postingan". dalam heading terdapat elemen &l;h1> sampai <h6>.

mudahnya gini aja.... kalian liat hasil jadinya di bawah ini:

heading dengan tag <h1>

heading dengan tag <h2>

heading dengan tag <h3>

heading dengan tag <h4>

heading dengan tag <h5>

heading dengan tag <h6>

gimana..... nih masih dasarnya lho.... nanti saya jelasin sampai akar=akarnya tapi berurutan all.... untik buat seperti tadi, copas HTML di bwah ini.

<h1> heading dengan tag <h1></h1>
<h2> heading dengan tag <h2></h2>
<h3> heading dengan tag <h3></h3>
<h4> heading dengan tag <h4></h4>
<h5> heading dengan tag <h5></h5>
<h6> heading dengan tag <h6></h6>

nah.... guampangkan teman-teman...... jadi ikuti trus.. blog aku ya.....

TO BE CONTINUE.....

Kamis, 02 Februari 2012

HTML4

skarang mari kita belajar cara buat list dengan angka..... mw tau kan.....
let's do it....

Untuk tutorial yang satu ini hampir sama dengan yang bullet, bedanya kita g pakek attribut <ul> tapi kita pakek attribut <ol> .... Untuk attribut ini caranya sama..... dan ini contoh hasil jadinya...

langkah-langkah menshutdown PC:

klik start.

klik turn off computer.
pilih turn off computer.
matikan monitor.
matikan CPU.
matikan stavolt.

nah untuk bikain kayak gitu caranya gampang kok... nih scriptnya:

<ol>
<li> klik start.</li>
<li> klik turn off computer.</li>
<li> pilih turn off computer.</li>
<li> matikan monitor.</li>
<li> matikan CPU.</li>
<li> matikan stavolt.</li></ol>

nah gampang kan...... untuk tutor selanjutnya..... TO BE CONTINUE.....

Rabu, 01 Februari 2012

HTML3

Hemm... kemarin udah bahas masalah bikin list dengan bulet. Skarang mari kita bahas "CARA BUAT LIST DENGAN BERBAGAI MACAM BULLET". ini contoh jadinya:
eiiiiittttzzzzzzz.... jangan keburu pusing liat yg ada di bawah ini.... kita bikin happy aja tutor ini......... oke bro.....

NAMA PELANET DALAM BIMA SAKTI DAN SATELITNYA:

merkurius

venus

bumi

mars

yupiter

saturnus

uranus

neptunus

Keterangan: agar bisa berubah ubah dari bulet ke symbol lainnya, kita pakek cara ini:

<ul>
<li>bima punya ortu:</li>
<ul>
<li>ayah</li>
<li>ibu</li>
</ul>
<li>udin punya anak:</li>
<ul>
<li>intan</li>
<li>winda</li>
</ul>
<ul>
<li>andi (sudah menikah dan punya anak:</li>
<li>habib</li>
<li>sueb</li>
</ul>
</ul>

gampangkan...... mw bukti, copas aja ke notepad dan simpan dalam extensi ".HTML". Jangan lupa ya........

SPERTI BIASANYA... TOBE CONTINUE.....

HTML2

Nih tutor selanjutnya.....
untuk selanjutnya kita bakal bahas yang namanya cara bikin daftar seperti ini:

MINUMAN YANG DIJUAL:

COCA COLA

SPRITE

FANTA

Untuk bikin seperti itu, kita pake tag <il> , <ul>. jadi susunannya begini:

MINUMAN YANG DIJUAL:
<ul>
<li>COCA COLA</li>
<li>SPRITE</li>
<li>FANTA</li>
</ul>

keterangan:  <ul>= untuk membuat bullet.
           <li>= untuk mengisi list.

gampangkan caranya..... klo mau coba, pakek Notepad
Juga bisa... caranya:
1.buka notepad.
2.copas code di atas ke notepad.
3.save dengan extensi ".html" contohnya: my web.html
4.klo dah di simpan, buka dengan klik kanan.
5."open with" pilih program internet explorer atau
  mozila firefox.

TO BE CONTINUE.....