Pengertian,Perintah Dasar beserta Contoh HTML 08.17 HTML (HyperText Mark up Language) merupakan suatu metoda untuk mengimplementasikan konsep hypertext dalam suatu naskah atau dokumen. HTML sendiri bukan tergolong pada suatu bahasa pemrograman karena sifatnya yang hanya memberikan tanda (marking up) pada suatu naskah teks dan bukan sebagai program. Pengertian HTML bila di jabarkan berdasarkan kata-kata penyusunnya HTML nya adalah sebagai berikut: Hypertext Link hypertext adalah kata atau frase yang dapat menunjukkan hubungan suatu naskah dokumen dengan naskah-naskah lainnya. Jika kita klik pada kata atau frase untuk mengikuti link ini maka web browser akan memindahkan tampilan pada bagian lain dari naskah atau dokumen yang kita tuju. Markup Pada pengertiannya di sini markup menunjukkan bahwa pada file HTML berisi suatu intruksi tertentu yang dapat memberikan suatu format pada dokumen yang akan ditampilkan pada World Wide Web. Language Meski HTML sendiri bukan merupakan bahasa pemrograman, HTML merupakan kumpulan dari beberapa instruksi yang dapat digunakan untuk mengubah-ubah format suatu naskah atau dokumen. Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi. 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:

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 > Contoh HTML : struktur dasar bahasa HTML.
HTML adalah bahasa standar yang digunakan untuk membuat halaman web.
salah satu tutorial atau contoh latihannya dapat kita lihat di situs
Indonesi4ku.wordpress.com. langkah ketiga simpanlah file tadi dengan ekstensi atau tipe file “.html”. contoh: latihan1.html langkah keempat bukalah file yang sudah kita simpan tadi, dengan cara mengklik dua kali pada nama filenya. selesai.