Senin, 29 Maret 2010

Membuat web sesi 07

Ket:() diganti menjadi <>
Cara membuat form pada web
Form berguna untuk menampung komponen inputan dan berkaitan dengan pemograman
-dengan menggunakan input type="text"
contoh dari form:
(html>
(head>
(/head>
(body>
(form>
Nama:(input type="text"
name="nama"
size="15"
maxlength="15"
value="Ac Milan Crew"/)(br/)
Alamat:(input type="text"
name="alamat"
size="20"
maxlength="20")(br/)
Pekerjaan:(input type="text"
name="pekerjaan"
size="10"
maxlength="20"/)(br/)
(/form)
(/body)
(/html)
dan ini hasilnya:





Nama: name="nama"
size="15"
maxlength="15"
value="Ac Milan Crew"/>

Alamat: name="alamat"
size="20"
maxlength="20">

Pekerjaan: name="pekerjaan"
size="10"
maxlength="20"/>





-dengan menggunakan input type="submit"/ dan juga input type="reset"/
contoh:
(html>
(head>
(/head>
(body>
(form>
Nama:(input type="text"
name="nama"
size="15"
maxlength="15"
value="Ac Milan Crew"/)(br/)
Alamat:(input type="text"
name="alamat"
size="20"
maxlength="20")(br/)
Pekerjaan:(input type="text"
name="pekerjaan"
size="10"
maxlength="20"/)(br/)
(input type="submit" value="kirim"/)
(input type="reset" value="hapus"/)
(/form)
(/body)
(/html)
dan ini adalah hasilnya:





Nama: name="nama"
size="15"
maxlength="15"
value="Ac Milan Crew"/>

Alamat: name="alamat"
size="20"
maxlength="20">

Pekerjaan: name="pekerjaan"
size="10"
maxlength="20"/>






-Membuat password dengan cara input type="password"/
sebagai contoh:
(html>
(head>
(/head>
(body>
(form>
username(input type="text"
name="username"/)(br/)
password(input type="password"
name="password"/)(br/)
(input type="submit" value="login")
(/form)
(/body)
(/html)
dan ini hasilnya:





username name="username"/>

password name="password"/>





-Mengenal Checkbox dengan cara input type="chechbox"
COntoh:
(html)
(head)
(/head)
(body)
(form)
Daftar Club bola kesayangan anda:(br/)
(Input type="checkbox" name="Ac Milan"/)Ac Milan
(Input type="checkbox" name="Manchester United" checked/)Manchester United(br/)
(Input type="checkbox" name="Barcelona"/)Barcelona(br/)
(Input type="checkbox" name="Chelsea" checked/)Chelsea(br/)
(/form)
(/body)
(/html)
dan ini hasilnya:





Daftar Club bola kesayangan anda:

Ac Milan

Manchester United

Barcelona

Chelsea




-Mengenal RadioButton dengan cara input type="radio"/
COntoh:
(html)
(head)
(/head)
(body)
(form)
Jenis Kelamin:(br/)
(input type="radio" name="kelamin" value="pria" checked/)Laki-Laki(br/)
(input type="radio" name="kelamin" value="wanita"/)Perempuan(br/)
Status Pernikahan(br/)
(input type="radio" name="Menikah" value="sudah" /)Menikah(br/)
(input type="radio" name="Menikah" value="belum" checked/)Belum Menikah(br/)
(/form)
(/body)
(/html)
dan ini hasilnya:





Jenis Kelamin:

Laki-Laki

Perempuan

Status Pernikahan

Menikah

Belum Menikah




-Mengenal textarea dengan cara (textarea)dan diakhiri dgn(/textarea)
COntoh:
(html)
(head)
(/head)
(body)
(form)
Nama(input type="text" name="nama")(br/)
Komentar



-Mengenal ComboBox dengan cara (selected)(option) dan diakhiri dgn(/selected)
contoh:
(html)
(head)
(/head)
(body)
(form)
Sepatu futsal favorit agan-agan:(br/)
(select name="Sepatu")
(option value="T90"/)T90
(option value="Mercurial" selected/)Mercurial
(option value="Predator"/)Predator
(option value="F10"/)F10
(/select)
(/form)
(/body)
(/html)
dan ini adlah hasilnya:





Sepatu futsal favorit agan-agan:





-Mengenal ListBox dengan cara (select multiple)(option/)(/selected)
contoh:
(html)
(head)
(/head)
(body)
(form)
Sepatu futsal favorit agan-agan:(br/)
(select name="Sepatu"multiple/)
(option value="T90"/)T90
(option value="Mercurial" selected/)Mercurial
(option value="Predator"/)Predator
(option value="F10"/)F10
(/select)
(/form)
(/body)
(/html)
dan ini hasilnya:





Sepatu futsal favorit agan-agan:




Diposting oleh di Tidak ada komentar:

Membuat web sesi 06

Ket:() diganti menjadi <>
Membuat frame pada web:
(html)
(head)
(/head)
(frameset cols="20%,*")
(frame src="coba''2.html"/)
(frameset cols="20%,*")
(frame src="coba''2.html"/)
(frame src="coba''3.html"/)
(frameset)
(/html)

contoh:
(html)
(head)
(/head)
(body)
(table bgcolor="red" border="5" cellpadding="5"cellspacing="5")
(tr> ha ha ha ha(tr>ha haha ha(table bgcolor="white" border="2" cellpadding="0"cellspacing="0")
(tr>Ha Ha ha hahoho(tr>huhu(a href ="coba''3.html" target="kanan"> coba''3(/table)
(/body)
(/html)

dan ini adalah hasilnya:






ha ha ha ha
ha haha ha



Ha Ha ha hahoho
huhu

coba''3




iframe berguna untuk implementasi frame yang lebih fleksiberl
memberi border dengan nilai 0 berguna untuk menghilangkan garis pemisah antar frame
Diposting oleh di Tidak ada komentar:

cara membuat web sesi 05

ket:() diganti menjadi <>
Cara Membuat table
(Taebl)=membuat tabelnya
(caption)=membuat judul tabelnya
(tr)=membuat baris pada table
(th)=Membuat cell heading
(td)=Membuat cell data
-atribut border dan colotr=(table bgcolor="yellow" border="5")
-digunakan untuk mengatur jarak spasi dan padding=(table border="10" cellpadding="10" cellspacing="20")
-digunakan untuk mengatur lebar dan tinggi tabel=(table border="1" width="30" height="200")
Diposting oleh di Tidak ada komentar:

Selasa, 09 Maret 2010

Membuat web sesi 04

ket () diganti menjadi <>

Ordered List
-Memperhatikan urutan
-Tag (ol)
Unordered List
-Tidak memperhatikan urutan
-Tag (ul)
contoh: (ol type="a"start="3")
(li)Pemograman(/li)
(li)Web(/li)
(/ol)
contoh: (ul type="cirle")-----circle bisa diganti disk and square
(li)Pemograman(/li)
(li)Web (/li)
(/ul)
Definition List
contoh:(dl)
(dt)Pemograman(/dt)
(dd)WEB(/dd)
(dt)Membuat(/dt)
(dd)web(/dd)
(/dl)
Link/Hyperlink
-(a href="")(/a)
Link ke alamat situs
-(a href="alamat situs" target="_blank")
Gambar sebagai Acuan hyperlink
-(a href ="")
(img src="" width="" height=""/)
(/a)
Diposting oleh di Tidak ada komentar:

Selasa, 02 Maret 2010

Membuat web sesi 3

ket: () diganti menjadi <>
(body background="avatar.jpg")=berguna untuk memasukkan gambar pd web anda
(img)=berguna untuk menambahkan gambar pada web (img src="avatar.jpg")
(img scr="avatar.jpg"
align="middle" <=untuk gambar disempan dimana>
alt="avatar" <=untuk ket pada gambar>
width="200" <=untuk mengatur letak>
height="300" )<=untuk mengatur letak>
(marquee)=berguna untuk membuat animasi sederhana (marquee direction="right")
(bgsound)=berguna untuk memasukkan audio pada web anda (bgsound src="haha.mp3")
(embed)=berguna untuk memasukkan video pada web anda (embed src="haha.mp4")

sekian sesi membuat web 3..semoga dapat membatu anda...thx"..GBu
Diposting oleh di Tidak ada komentar:

Kamis, 18 Februari 2010

Cara Membuat Web sesi 2

ket :<> diganti menjadi ()
(b):untuk membuat bold ( VoRrZa )=VoRrZa
(i):untuk membuat italic ( VoRrZa )=VoRrZa
(u):untuk membuat garis ( VoRrZa )=VoRrZa
(small):membuat tulisan menjadi kecil( VoRrZa )
(big):membuat tulisan menjadi besar( VoRrZa )
(sup)membuat supercipt
(sub)membuat subscript
(tt)efek mesin tik
(del)efek goresan
(pre)berguna untuk melakukan preformat pada kalimat yang anda akan buat
(font)berguna untuk mengatur huruf ()
(basefont)berguna untuk mengatur default font/huruf ()
(acronym)berguna untuk memberi keterangan thdp istilah/singkatan(INA)

Diposting oleh di Tidak ada komentar:

Jumat, 12 Februari 2010

Mencoba sukses bermain CS di server ez...hehehehe.....


Diposting oleh di Tidak ada komentar:
Langganan: Postingan (Atom)