PENGERTIAN,PERINTAH DASAR,DAN CONTOH DARI HTML

    (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan menampilkan berbagai informasi di dalam sebuah browser Internet. Bermula dari sebuah bahasa yang sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTMLsaat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C).

HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox, Microsoft Internet Explorer, Google chrome dan beberapa browser lain. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: TAMPIL TEBAL. Tanda digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh teks yang ingin ditebalkan, dan diakhiri dengan tanda untuk menonaktifkan cetak tebal tersebut.

perintah perintah dasar dari HTML adalah sebagai berikut:

·          

1.     <H1> sampai <H6>
<H1> </H1>font ukuran besar
<H2> </H2>
…. ….
<H6> </H6>font semakin kecil

2.    <HR>
Fungsi : perintah untuk membuat garis horizontal penuh layar
cth :

---

3.    <I>
Fungsi : membuat teks miring

4.    <B>
Fungsi : membuat teks tebal

5.    <U>
Fungsi : membuat teks bergaris bawah

6.    <CENTER>
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 kananatau<H?ALIGN=right>
<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

9.    <!->
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

11.  <DD>
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>

13. <FONT>
Fungsi : mengubah ukuran font, tetapi angka yang terdapat dalam size yang merupakan ukuran font harus diberi tanda kutib

14. <FACE>
Fungsi : mengubah jenis font

15. <SUP>
Fungsi : membuat cetak naik suatu teks
Contoh :
Kami adalah yang pertama:1^stin the world

16. <SUB>
Fungsi : membuat suatu teks cetak turun
Contoh :
contoh-contoh teks cetak turun :
H₂O (Disebut Air) dan
C₂₁27No (Disebut Methadon)

17. <UL> atau Unorder List
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>

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

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

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 dasar

Kode HTML dasar yang digunakan untuk membuat sebuah halaman website adalah sebagai berikut:

<html>

<head>

<title>

ini adalah contoh title

</title>

</head>

<body>

ini adalah body html. body html adalah

tempat bersemayamnya segala tulisan,

gambar, dan informasi yang dibaca

oleh semua orang di internet.

secara umum, jika kita ingin menulis

apapun di situs kita, kita perlu

memasukkan tulisan tersebut

pada area body ini.

</body>

</html>