Banyak software yang digunakan untuk membuat WWW dengan format HTML. Yang akan kita bahas disini adalah yang paling dasar yaitu mengunakan notepad, dimana notepad lah software yang biasanya langsung udah ada dikomputer pada saat komputer aktif, dan notepad biasanya terletak pada accesories.
Langkah pertama yang dilakukan yaitu
# Klik notepad
# Simpan file dalam suatu folder dalam format nama_file.HTML%htm
# Kemudian jalankan dengan Internet Explorer
Cara menjalakan
# Klik Run, cari nama file html/htm
# Klik Ok
Adapun perintah perintah dasar dari HTML adalah sebagai berikut:
1.
sampai
font ukuran besar.... ....
font semakin kecil
2.
Fungsi : perintah untuk membuat garis horizontal penuh layar
cth :
3.
Fungsi : membuat teks miring
4.
Fungsi : membuat teks tebal
5.
Fungsi : membuat teks bergaris bawah
6.
Fungsi : membuat text ke tengah layar
7.
Fungsi : Membuat teks rata kiri dan rata kanan
Sintak
untuk rata kanan
untuk rata kiri
untuk rata tengah
untuk rata kiri dan rata kanan
atau
Contoh pemakaian:
atau
Contoh pemakaian:
Selamat Datang Ke Website Kami
8. 
Fungsi : memasukkan fungsi enter
Cth : Jika perintah 
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.             Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain
11. 
Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
12. 
Fungsi : Mengubah ukuran font
Contoh :
WELCOME TO MY WEBSITE
WELCOME TO MY WEBSITE DAN TEBAL
13. 
Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
14. 
Fungsi : mengubah jenis font
15. 
Fungsi : membuat cetak naik suatu teks
Contoh :
Kami adalah yang pertama:1stin the world
16. 
Fungsi : membuat suatu teks cetak turun
Contoh :
contoh-contoh teks cetak turun :
H2O (Disebut Air) dan
C2127No (Disebut Methadon)
17. 
atau Unorder List             Fungsi : membuat bullet         18. 
 Fungsi : juga untuk membuat bullet
 Catatan : perintah
-  harus berada dalam perintah OL,UL,DIR,Menu
 Contoh :
             
 - Jawa Timur -             
-  SURABAYA 
-  MALANG 
-  GRESIK 
 
 - Jawa Barat -             
-  Bandung 
-  Sukabumi 
-  Bogor 
 
 19.
 Fungsi : memasukkan gambar ke dalam Website
 Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
 Sintak :![]() 
 "5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
 20.
 Fungsi : memasukkan suara atau musik ke dalam Website
 Sintak :
 
 Link dengan sorot
 Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
 
 
   
 
 
 
 
 
 
 
 Keterangan
 
 
 
 
 Link dengan tombol
 Berikut adalah contoh program link dengan tombol
 Sintak :
 
 
 Contoh
 Buatlah link dengan nama
 tentang_kami.html
 produk_kami.html
 cara_memesan.html
 
 
 < HTML >
 < HEAD >
 < 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 >
 
 Hasilnya menjadi
 
 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 >
Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam
12.
Fungsi : Mengubah ukuran font
Contoh :
WELCOME TO MY WEBSITE
WELCOME TO MY WEBSITE DAN TEBAL
13.
Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib
14.
Fungsi : mengubah jenis font
15.
Fungsi : membuat cetak naik suatu teks
Contoh :
Kami adalah yang pertama:1stin the world
16.
Fungsi : membuat suatu teks cetak turun
Contoh :
contoh-contoh teks cetak turun :
H2O (Disebut Air) dan
C2127No (Disebut Methadon)
17.
- atau Unorder List             Fungsi : membuat bullet         18. 
 Fungsi : juga untuk membuat bullet
 Catatan : perintah
-  harus berada dalam perintah OL,UL,DIR,Menu
 Contoh :
 
 - Jawa Timur- SURABAYA
- MALANG
- GRESIK
 
 - Jawa Barat- Bandung
- Sukabumi
- Bogor
 
 
 Fungsi : memasukkan gambar ke dalam Website
 Anda dapat juga memasukkan gambar berakhiran *.Jpg, *.Gif, *.Bmp dll
 Sintak :
 "5" merupakan ukuran border(Bingkai), ganti angka ini sesuai keinginan anda
 20.
 Fungsi : memasukkan suara atau musik ke dalam Website
 Sintak :
 
 Link dengan sorot
 Berikut adalah contoh program bagaimana membuat link hanya dengan sorot saja (link tak perlu diklik, tetapi cukup disorot dengan mouse.
 
 
 
 
 
 
 
 
 
 
 Keterangan
 
 
 
 
 Link dengan tombol
 Berikut adalah contoh program link dengan tombol
 Sintak :
 
 
 Contoh
 Buatlah link dengan nama
 tentang_kami.html
 produk_kami.html
 cara_memesan.html
 
 
 < HTML >
 < HEAD >
 < 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 >
 
 Hasilnya menjadi
 
 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 >

 Online
 Online

 
 







0 komentar:
Posting Komentar