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
<H1> </H1>font ukuran besar
<H2> </H2>
.... ....
<H6> </H6>font semakin kecil
2.
<HR>
Fungsi : perintah untuk membuat garis horizontal penuh layar
cth :
Fungsi : perintah untuk membuat garis horizontal penuh layar
cth :
3.
<I>
Fungsi : membuat teks miring
Fungsi : membuat teks miring
4.
<B>
Fungsi : membuat teks tebal
Fungsi : membuat teks tebal
5.
<U>
Fungsi : membuat teks bergaris bawah
Fungsi : membuat teks bergaris bawah
6.
<CENTER>
Fungsi : membuat text ke tengah layar
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
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>
<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
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
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
Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
11.
<DD>
Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
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>
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
Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
14.
<FACE>
Fungsi : mengubah jenis font
Fungsi : mengubah jenis font
15.
<SUP>
Fungsi : membuat cetak naik suatu teks
Contoh :
Kami adalah yang pertama:1stin the world
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)
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
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>
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
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">
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>
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" >
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
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 >
< 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)
-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 >
< 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 >
by.budi
wijaya,sst
.jpg)
Post a Comment