Sejarah Singkat HTML
Pada tahun 1980, IBM memikirkan pembuatan suatu dokumen yang akan mengenali setiap elemen dari dokumen dengan suatu tanda tertentu. IBM kemudian mengembangkan suatu jenis bahasa yang menggabungkan teks dengan perintah-perintah pemformatan dokumen. Bahasa ini dinamakan Markup Language, sebuah bahasa yang menggunakan tanda-tanda sebagai basisnya. IBM menamakan sistemnya ini sebagai Generalized Markup Language atau GML.
Tahun 1986, ISO menyatakan bahwa IBM memiliki suatu konsep tentang dokumen yang sangat baik, dan kemudian mengeluarkan suatu publikasi (ISO 8879) yang menyatakan markup language sebagai standar untuk pembuatan dokumen-dokumen. ISO membuat bahasa ini dari GML milik IBM, tetapi memberinya nama lain, yaitu SGML (Standard Generalized Markup Language). ISO dalam publikasinya meyakini bahwa SGML akan sangat berguna untuk pemrosesan informasi teks dan sistem-sistem perkantoran. Tetapi di luar perkiraan ISO, SGML dan terutama subset dari SGML, yaitu HTML juga berguna untuk menjelajahi internet. Khususnya bagi mereka yang menggunakan World Wide Web. Versi terakhir dari HTML saat ini adalah HTML5.
Apa itu HMTL ? pengertian html adalah singkatan dari Hyper Text Markup Language sebuah bahasa pemrograman yang umum digunakan untuk membuat sebuah halaman website, dimana HTML ini bisa kita gunakan untuk menginput gambar, text, audio, video dan lainnya untuk membuat sebuah website. HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. Menggunakan tag-tag tertentu untuk menyatakan kode-kode yang harus ditafsirkan oleh browser agar halaman tersebut dapat ditampilkan di web browser.
HTML hingga saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium (W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee Robert ketika mereka bekerja di CERN pada tahun 1989 CERN adalah lembaga penelitian fisika energi tinggi di Jenewa
Fungsi HTML
Fungsi dari HTML adalah digunakan untuk membuat sebuah halaman website dan juga menampilkan berbagai informasi yang di inputkan ke dalam html tersebut seperti gambar, teks, video, dan lainnya sehingga bisa di tempilkan melalui web browser. Selian itu HTML juga bisa digunakan untuk membuat sebuah link yang nantinya menuju ke sebuah halaman website lainnya dengan kode tertentu.
Contoh HTML
setelah mempelajari pengertian, sejarah dan fungsi dari html, selanjutnya adalah mempelajari contoh bahasa HTML yang bisa digunakan untuk membuat sebuah website. Dan dibawah ini merupakan salah satu contoh dasar HTML yang u,u, digunakan untuk membuat sebuah website sederhana.
<html><head><title>Belajar HTML</title></head><body><body bgcolor="red"><h1>Saya Sedang Belajar HTML</h1><center><font size="13" color="black" face="arial"><p>Membuat HTML Itu Mudah Lo</p><b>HTML adalah Hyper Text Markup Leanguage</b><i>Dan Fungsi HTML itu adalah Untuk menginput Text, Gambar, Audio, Video</i><u>Itu semua mudah jika anda serius mempelajarinya :)</u></font><br><marquee><img src="gambar.jpg atau memasukan URL gambar"> //* Satukan File HTML dengan gambar yg anda masukan agar dapat dibaca</marquee></center></body></html>
Keterangan :
- <html> :Untuk memulai sebuah HTML
- <title>:Untuk memberi judul pada yang nantinya akan muncul di TabBrowser
- <head> : Untuk Bagian Header atau Atas
- </head>: Untuk Penutup Header dan diawali dengan garis miring "/"
- <body> : Untuk Bagian Body atau Isi dalam HTML
- </body>: Untuk Penutup/menutup Body dan diawali dengan garis miring "/"
- </html>: Untuk Menutup Sebuah HTML dan diawali juga dengan garis miring "/"
diatas merupakan kode-kode Dasar untuk membuat sebuah HTML
Dalam HTML juga ada Tag-tag tertentu untuk mendukung membuat sebuah website dibawah ini ada beberapa Tag dasar yang harus anda ketahui dalam HTML.
<h1> : ini adalah Tag Heading, yang berlevel 1, selain <h1> ada juga <h2>, <h3>, <h4>, <h5>, <h6>
<b> : (Bold) Fungsinya untuk membuat Huruf menjadi Tebal
<i> : (Italic) Fungsinya untuk membuat Huruf menjadi Miring
<u> : (Underline) Fungsinya untuk membuat dibawah huruf berisi garis
<p> : Untuk membuat sebuah Paragraf
<br> : untuk Membuat sebuah baris baru atau enter
<hr> : untuk membuat sebuah garis Horizontal
<center> : untuk membuat tulisan atau gambar berada di tengah-tengah
<img src="gambar-anda.jpg atau Url gambar anda"> : fungsinya untuk memasukan sebuah gambar
<body bgcolor="black"> : Fungsinya untuk memberi warna untuk background atau latar belakang dan "black" bisa diganti sesuai keinginan anda, misalnya "red", "yellow"
<font color="red"> : Untuk mengatur warna Text dan ditutup dengan </font>
<font size="12"> : untuk mengatur Ukuran Sebuah Text dan ditutup dengan </font>
<font face="arial"> : Untuk mengatur jenis Font atau Text yang akan digunakan
<marquee> : untuk membuat sebuah text ataupun gambar bergerak
Fungsi-fungsi kode HTML :
- <H1> sampai <H6>
<H1> </ H1>font ukuran besar
<H2> </ H2>
.... & nbsp; ; ....
<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">
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>
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>
0 komentar:
Post a Comment