Jumat, 18 Maret 2011

PERINTAH DASAR HTML

erintah perintah dasar dari HTML adalah sebagai berikut:
  1. <H1> sampai <H6>
    <H1>  </H1>font ukuran besar
    <H2>  </H2>
     ....         ....
    <H6>   </H6>font semakin kecil
  2. <HR>
    Fungsi : perintah untuk membuat garis horizontal penuh layar
    cth :

  3. <I>
    Fungsi : membuat teks miring
  4. <B>
    Fungsi : membuat teks tebal
  5. <U>
    Fungsi : membuat teks bergaris bawah
  6. <CENTER>
    Fungsi : membuat text ke tengah layar
  7. <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 kanan atau
    <H?ALIGN=right>
    <H?ALIGN=left>
    <H?ALIGN=center>
    <H?ALIGN=justify>

    Contoh pemakaian:
    <H2 Align=right>Selamat Datang Ke Website Kami <H2>
  8. <BR>
    Fungsi : memasukkan fungsi enter
    Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
  9. <!->
    Fungsi : membuat komentar
    Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
  10. <P>
    Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
  11. <DD>
    Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
  12. <BASEFONT>
    Fungsi : Mengubah ukuran font
    Contoh :
    <BASEFONT SIZE=6>
    WELCOME TO MY WEBSITE
    <B>WELCOME TO MY WEBSITE DAN TEBAL</B>
  13. <FONT>
    Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
  14. <FACE>
    Fungsi : mengubah jenis font
  15. <SUP>
    Fungsi : membuat cetak naik suatu teks
    Contoh :
    Kami adalah yang pertama:1stin the world
  16. <SUB>
    Fungsi : membuat suatu teks cetak turun
    Contoh :
    contoh-contoh teks cetak turun :
    H2O (Disebut Air) dan
    C2127No (Disebut Methadon)
  17. <UL> atau Unorder List
    Fungsi : membuat bullet
  18. <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>
  19. <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
  20. <BGSOUND>
    Fungsi : memasukkan suara atau musik ke dalam Website
    Sintak : <BGSOUND loop=infite Src="d:/Selamat datang.WAV">
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 >
Kolom
< tr > adalah perintah untuk membuat kolom pada notepad
Berikut adalah contoh perintah cara membuat kolom pada notepad
< html >
< head >
< title > Belajar membuat kolom < /title >
< /head >
< H3 Align="Center" > DAFTAR MAHASISWA < H3 >
< table border="3" border color="red"
< tr >
< td > No
< td > Nama
< td > Alamat
< td > No. Phone
< td > Gambar
< /tr >
< tr >
< td > 1
< td > Octa
< td > Padang Bulan
< td > 8214773
< td > < Img src="C:\Documents and Settings\XP\My Documents\My Webs\octa_pic1.JPG" > < /tr >


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 >

Tidak ada komentar:

Posting Komentar