Thursday 18 October 2012

Beberapa Perintah Dasar HTML

23:21:00    No comments





Wah sudah kelas XI ssudah harus siap donk prakerin,nah temen temen kalian udah prakerin belon?????????? ... wah kelas XI makin asyik aja semua materi jaringan semua,mulai dari ngeLAN,install+konfigurasi debian ,sampai HTML....
Nah temen temen sudah pada bisa nda HTML??? Tenang saja bagi saudara sebangsa dan setanah air yg masih awam gak susah khawatir...DON’T WORRY!!!


Berikut, beberapa perintah dasar dalam HTML, serta beberapa contohnya:
·  <H1> sampai <H6>
<H1> </H1>font ukuran besar
<H2> </H2>
…. ….
<H6> </H6>font semakin kecil
·  <HR>
Fungsi : perintah untuk membuat garis horizontal penuh layar
cth :

·  <I>
Fungsi : membuat teks miring
·  <B>
Fungsi : membuat teks tebal
·  <U>
Fungsi : membuat teks bergaris bawah
·  <CENTER>
Fungsi : membuat text ke tengah layar
·  <ALIGN>
Fungsi : Membuat teks rata kiri dan rata kanan
Sintak :
<P ALIGN=right>untuk rata kanan
<P ALIGN=left>untuk rata kiri
<P ALIGN=center>untuk rata tengah
<P ALIGN=justify>untuk rata kiri dan rata kananatau<H?ALIGN=right>
<H?ALIGN=left>
<H?ALIGN=center>
<H?ALIGN=justify>Contoh pemakaian:
<H2 Align=right>Selamat Datang Ke Website Kami <H2>
·  <BR>
Fungsi : memasukkan fungsi enter
Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris   berikutnya
·  <!->
Fungsi : membuat komentar Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
·  <P>
Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
·  <DD>
Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
·  <BASEFONT>
Fungsi : Mengubah ukuran font
Contoh :
<BASEFONT SIZE=6>
WELCOME TO MY WEBSITE
<B>WELCOME TO MY WEBSITE DAN TEBAL</B>
·  <FONT>
Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda  kutib
·  <FACE>
Fungsi : mengubah jenis font
·  <SUP>
Fungsi : membuat cetak naik suatu teks
Contoh :
Kami adalah yang pertama:1stin the world
·  <SUB>
Fungsi : membuat suatu teks cetak turun
Contoh :
contoh-contoh teks cetak turun :
H2O (Disebut Air) dan
C2127No (Disebut Methadon)
·  <UL> atau Unorder List, <OL> atau Ordered List
Fungsi : membuat bullet
·  <LI>
Fungsi : juga untuk membuat bullet
Catatan : perintah <LI> harus berada dalam perintah OL,UL,DIR,Menu
Contoh :
<UL>
<LI>
<H2> Jawa Timur </H2>
<UL>
<LI> SURABAYA </LI>
<LI> MALANG </LI>
<LI> GRESIK </LI>
</UL>
</LI>
</BR>
<LI>
<H2> Jawa Barat </H2>
<UL>
<LI> Bandung </LI>
<LI> Sukabumi </LI>
<LI> Bogor </LI>
</UL>
</LI>
</UL>
·  <IMGSRC>
Fungsi : memasukkan gambar ke dalam Website
Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
Sintak :<IMG BORDER=”5″>
“5″ merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
·  <BGSOUND>
Fungsi : memasukkan suara atau musik ke dalam Website
Sintak : <BGSOUND loop=infite src=”d:/Selamat datang.WAV”>
·  Indenting Text
Tag <BLOCKQUOTE> yaitu teks yang menjorok lebih kedalam dari garis tepi secara otomatis dari kiri ke kanan.
Cobalah contoh berikut :
<BLOCKQUOTE>
You can use Sound Recorder to record, play, and edit sound files.
To use Sound Recorder, you must have a sound card and speakers
installed on your computer. If you want to record live sound,
you also need a microphone.
</BLOCKQUOTE>
·  Penerapan Definisi ListDefinisi List adalah serupa dengan daftar kata. Diterapkan menggunakan tag <DL> dan <DT> seperti ditunjukkan listing dibawah ini :
<DL>
<DT>Java
<DD>Developed by Sun Microsystems Inc
<DT>Yang kedua
<DD>Developed by saya sendiri
</DL>
Link dengan sorot
Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
<HTML>
<HEAD>
<TITLE> </TITLE>
<META Name=”description”Content=” “>
<META Name=”keywords”Content=” “>
<META Name=”generator”Content=”Cute HTML”>
</HEAD>
<BODY BG Color=”#FFFFFF”Text=”#000000=”#”0000FF”VLink=”#800080″>
<Center>
<A href=” “target=main on mouse over=”Window.open(‘c:/html/keterangan.html’):”>
<Font Size=3 FACE=Arial Color=#804000> Keterangan </FONT> </e>
</CENTER>
</BODY>
</HTML>
Link dengan tombol
Berikut adalah contoh program link dengan tombol
Sintak :
<Input type=”button”Value=”Nama Tombol”
On Click=”parent.location=”Link anda disini” >
Contoh
Buatlah link dengan nama
tentang_kami.html
produk_kami.html
cara_memesan.html
< HTML >
< HEAD >
< TITLE > </TITLE>
< META name=”description”Content=” “>
< META name=”keywords”Content=” “>
< META name=”generator”Content=”Cute HTML”>
< /HEAD >
< BODY BGCOLOR=”#FFFFFF”Text=”#000000″Vlink=”#800080″ >
< Center >
< h1 > PT.OCTA >
< Input Type=”button”value=”Tentang Kami”
on click=”parent.location=”c:/website/tentang_kami.html’” >
< Input Type=”button”value=”Produk Kami”
on click=”parent.location=”c:/gambar/produk_kami.html’” >
< Input Type=”button”value=”cara memesan”
on click=”parent.location=”c:/gambar/cara_memesan.html’” >
< /Center >
< /Body >
< /HTML >
Membuat Frame
-Framecols : membagi layar dalam bentuk kolom
-FrameRows : membagi layar dengan bentuk baris
-Frame Src : menampilkan file dalam frame
Bentuknya
(Frame cols=”30%,*”)
(Frame src=”Nama.file Name=”Teks”)
(Frame Rows=”40%,*”)
(Frame src=”Nama.file”Nama=”teks”)
(Frame src=”Nama.file”Nama=”Teks)
(/Frameset)
Contoh Program Frame
< Html >
< Head >
< Title >Melink dengan sorot < /Title >
< /Head >
< Frameset cols=”30%,*” >
< Frame src=”Nama file”Nama=”Teks” >
< Frame Rows=”40%%,*” >
< Frame src=”Gambar File’Nama=”Gambar” >
< Frame src=”Nama File”Nama=”Teks >
< /Frameset >

sumber:

0 comments:

Post a Comment