Sunday, June 30, 2013

Komputer 2



Adapun perintah 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 kananatau<H?ALIGN=right>
      <H?ALIGN=left>
      <H?ALIGN=center>
      <H?ALIGN=justify>
Contoh pemakaian:
<H2 Align=right>Selamat Datang Ke Website Kami <H2>
    1. <BR>
      Fungsi : memasukkan fungsi enter
      Cth : Jika perintah <BR> diberikan di awal atau diakhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya
    2. <!->
      Fungsi : membuat komentar
      Semua teks atau perintah yang diapit oleh perintah ini tidak akan dijalankan
    3. <P>
      Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
    4. <DD>
      Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
    5. <BASEFONT>
      Fungsi : Mengubah ukuran font
      Contoh :
      <BASEFONT SIZE=6>
      WELCOME TO MY WEBSITE
      <B>WELCOME TO MY WEBSITE DAN TEBAL</B>
    6. <FONT>
      Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
    7. <FACE>
      Fungsi : mengubah jenis font
    8. <SUP>
      Fungsi : membuat cetak naik suatu teks
      Contoh :
      Kami adalah yang pertama:1stin the world
    9. <SUB>
      Fungsi : membuat suatu teks cetak turun
      Contoh :
      contoh-contoh teks cetak turun :
      H2O (Disebut Air) dan
      C2127No (Disebut Methadon)
    10. <UL> atau Unorder List
      Fungsi : membuat bullet
    11. <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>
    12. <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
    13. <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\rio.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 >

No comments:

Post a Comment