dasar dasar html

Pada pembahasan sebelumnya “Mengenal Bahasa Pemrograman HTML”, telah dibahas tentang perngetian HTML serta sejarah perkembangan HTML. Pada pembahasan kali ini akan dijelaskan sedikit perintah-perintah dalam HTML. Berikut adalah struktur dari sebuah HTML: ......Isi..... 1. HTML Pada Pembuatan website, kita harus mengawalinya dengan perintah HTML dan ditutup dengan perintah HTML juga. Seperti contoh diatas, dalam HTML nanti akan berisi HEAD,TITLE, META,BODY. 2. HEAD Pada bagian ini, bisa diisi dengan TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.Seperti contoh: 3. BODY Perintah BODY digunakan untuk menampilkan semua teks, images(.png, .jpg, .gif). Dalam Penulisan Body bisa ditambahi dengan warna background dengan format bgcolor. Untuk mengisi BODY atau isi dari pada web, maka ada perintah-perintah atau Komponen-komponen yang diletakkan pada BODY in, seperti: 1.
...
:Perintah untuk membuat teks paragraf. Pada bagian ini bisa disisipi letak paragraf, seperti ini :

....

. Untuk letak bisa di isi dengan: left, center, Right, dan justify. 2. : perintah ini digunakan untuk memformat seluruh text yang akan di tampilkan di web. Pada perintah ini bisa ditambahi dengan perintah perintah: color=”#FFFFFF” , size=”2” » .... 3. : perintah untuk membesarkan teks. Bisa dimulai dari H1 sampai H6. Seperti contoh:

Saya sedang mengenal Bahasa Pemrograman HTML

4. : perintah untuk menampilkan tabel. Penulisan tabel bisa disisipi seperti ini: 5.

: perintah untuk kolom table. Perintah ini juga bisa disisipi dengan: colspan="0" valign="top" width="0". Dan penulisan ini setelah penulisan table seperti ini: ........ 6. : perintah untuk mengelompokkan teks. Untuk menampilkan list bullet, maka penulisannya ...... . Sedangkan untuk menampilkan list angka, maka penulisannya ..... . 7. ....: perintah untuk mengubah teks menjadi miring. 8. ....: perintah untuk menebalkan teks. 9. ....: perintah untuk memberikan garis bawah pada teks. 10. : perintah untuk membuat teks baru. 11. ...:perintah untuk memberi garis ditengah-tengah teks 12. ....:perintah agar teks berkedip 13. : Untuk membuat link baik web, e-mail, maupun gambar. Pada perintah ini penulisannya: .... maka menuju ke link gambar, ... maka akan terbuat link web, dan .... akan terbuat link e-mail. 15. : perintah untuk menampilkan gambar. Susunan bisa seperti ini: , width=”...” : perintah memberikan lebar dari gambar. height=”…” : perintah untuk tinggi dari gambar. border=”…” : perintah memberikan ketebalan dari bingkai gambar. alt=”…” : perintah memberi nama dari gambar. align=”…” : perintah memberikan posisi dari gambar.

Read more »

perintah html

Berikut, beberapa perintah dasar dalam HTML, serta beberapa contohnya: #

sampai

font ukuran besar

…. ….

font semakin kecil #

---

Fungsi : perintah untuk membuat garis horizontal penuh layar cth : # Fungsi : membuat teks miring # Fungsi : membuat teks tebal # Fungsi : membuat teks bergaris bawah #
Fungsi : membuat text ke tengah layar # Fungsi : Membuat teks rata kiri dan rata kanan Sintak :

untuk rata kanan

untuk rata kiri

untuk rata tengah

untuk rata kiri dan rata kananatau Contoh pemakaian:

Selamat Datang Ke Website Kami

#
Fungsi : memasukkan fungsi enter Cth : Jika perintah
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 # Fungsi : memisahkan paragraph yang satu dengan paragraph yang lain #

Fungsi : membuat teks atau sebuah paragraph agak masuk ke dalam # Fungsi : Mengubah ukuran font Contoh : WELCOME TO MY WEBSITE WELCOME TO MY WEBSITE DAN TEBAL # Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib # Fungsi : mengubah jenis font # ^{Fungsi : membuat cetak naik suatu teks Contoh : Kami adalah yang pertama:1stin the world # _{Fungsi : membuat suatu teks cetak turun Contoh : contoh-contoh teks cetak turun : H2O (Disebut Air) dan C2127No (Disebut Methadon) #}}

atau Unorder List,
atau Ordered List Fungsi : membuat bullet #
1. Fungsi : juga untuk membuat bullet Catatan : perintah
2. 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 # Fungsi : memasukkan suara atau musik ke dalam Website Sintak : # Indenting Text Tag

   yaitu teks yang menjorok lebih kedalam dari garis tepi secara otomatis dari kiri ke kanan. Cobalah contoh berikut :
   

   You can use Sound Recorder to record, play, and edit sound files. To use Sound Recorder, you must have a sound card and speakers installed on your computer. If you want to record live sound, you also need a microphone.

   # Penerapan Definisi ListDefinisi List adalah serupa dengan daftar kata. Diterapkan menggunakan tag
   

   dan

   seperti ditunjukkan listing dibawah ini :

   Java

   Developed by Sun Microsystems Inc

   Yang kedua

   Developed by saya sendiri

   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 > 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 >

Read more »