Perintah Dasar HTML
Adapun perintah perintah dasar dari HTML adalah sebagai berikut:
-
- <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
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”>
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 >
Tidak ada komentar:
Posting Komentar