follow

Langkah Membangun Website

Added Senin, 04 April 2011 , Under:

sumber : w3school

BELAJAR MEMBUAT WEBSITE


TAG HTML

Contoh penulisan tag HTML dan dokumen HTML sederhana:

<HTML> Dokumen HTML 1 </HTML>
Simpan dokumen/halaman Anda dengan nama: coba1.htm. Dokumen HTML terdiri dari dua bagian, yaitu head (bagian kepala) dan body (bagian tubuh). Di dalam head memuat informasi umum mengenai dokumen, dan di body sendiri merupakan isi dokumen sebenarnya.
Contoh penulisannya:
<HTML>
<HEAD>
...tulis di area head
</HEAD>
<BODY>
..kalimat Dokumen area body
</BODY>
</HTML>
PENTING : pada area head sebaiknya jangan berisi teks yang akan ditampilkan pada homepage, isilah informasi umum dokumen tersebut.

Di bawah ini adalah langkah dan pengenalan tag web maupun wap sebuah site ;



Kotak kosong di atas menggunakan syntax ;
<textarea> apa yg anda pikirkan </textarea> atau ,
<input type=text value=" ">
<input type=button value=" kirim " onclick=" function script ( )>
Tekan

Test , test , coba , coba


<script Language="Jscript">
ATRIBUT COLOR , FONTSIZE
Function ubah ( )
{ P_ID.STYLE.PROPERTY="VALUE" }
ex: Function tekan ( )
{ MBAHSUZ.STYLE.COLOR="BLUE" }
Function lewat ( )
{ mbahsuz1.value=" muncul laah " }
Function keluar ( )
Function buka ( )
{ var z ; z=1+window.event.srcElement.sourceIndex ; if (document.all(z).style.display=="none")
{ document.all(z).style.display=" " }
else
{ document.all(z).style.display="none" } }
Atau
{ var z ; z=window.event.srcElement.id ; if (z=="menuA")

OBJEK WINDOW
Function ketekan ( )
{ document.write "Halo Bro" }
Function bawah ( )
{ window.status="Latihan" }
Function perhatian ( )
{ window.alert ("tombol alert") }
Function konfirmasi ( )
{ window.confirm ("tombol konfirmasi") }
Function tampil ( )
{ var isian ; isian=window.prompt ("masukkan data" , "isi") ; isian="Data yang anda masukkan="+isian ; document.write (isian) }
Function buka ( )
{ win=window.open ("mbahsuz.htm" , "Latihan1") }
Function tutup ( )
{ window.close ( ) }

OBJEK DOCUMENT
Function tampil ( )
{ alert (document.title) }
Function ubah ( )
{ document.title='Judul Baru' }
Function ganti ( )
{ document.location="mbahsuz2.htm" }
Function jvtulis ( )
{ window.document.write ("hallo") }

ATRIBUT DISPLAY , VISIBILITY
Function disp_on ( )
{ mbahsuz09.style.display=" " }
Function disp_off ( )
{ mbahsuz10.style.display="none" }
Function vis_on ( )
{ mbahsuz11.style.visibility="visible" }
Function vis_off ( )
{ mbahsuz12.style.visibility="hidden" }
</script>


Text Display 1
Text Display 2
Text Display 3
Text Visible 4
Text Visible 5
Text Visible 6



lewatkan mouse


Click mouse



Link ke progrm 16



Lewatkan mouse pd text ini .
Lihat bentuk mouse .
Click text ini ...kotak input isi

Kotak input >>

< span class="highlight"> Text </span> background-color:blue ; font-weight:bold ; color:yellow ;
< span class="List" > Text </span> background-color:green

< style >
Body {background:blue ; color:yellow ; margin-right:0.5in}
H1 {font-size:20pt ; color:red}
P {font-size:14pt ; font-family:arial ; text-indent:0.5in}
< /style >

< style >
P.kuning {font-size:14pt ; color:yelow}
P.ungu {font-size:14pt ; color:purple}
< /style >
< link rel=stylesheet href="mbahsuz.css" type="text/css" >

<style type="text/css">
Span.dropcap
</style>

< meta http-equiv="content-type" content="text/html ; charset=utf-8 "/>
Inline style sheet = atribut STYLE dlm tag html .

Embedded style sheet = atribut STYLE di atas tag BODY dan tag body memanggil tag dlm STYLE .

Linked style sheet = atribut STYLE di buat terpisah dsimpan dg format .css . Dan di antara tag HEAD harus di buat tag LINK .
Metode SCRIPT atau SCRIPTING menempatkan Atribut STYLE di atas tag BODY yg slnjutnya untuk pemanggilan dlm tag BODY HARUS memakaikan atribut ID .
VISIBILITY mengatur tampak atau tidaknya suatu tag Html
DISPLAY mengatur tampak atau tidak serta ruang suatu tag HTML .
"HIDDEN" / "VISIBLE" dan "NONE" / " " .

By mbahsuz konyol with 0 komentar

0 komentar:

Leave a Reply

Silahkan Anda berkomentar . Saran yang baik sangat dibuuhkan