WWW DAN HTML DASAR




















Word Wide Web
n  Dikenal dgn istilah Web merupakan salah satu layanan di Internet
n  Web pada awalnya merupakan ruang informasi dalam internet
n  Dgn menggunakan teknologi Hypertext pemakai dituntun untuk menemukan informasi dgn mengikuti link yang disediakan.
Bagai mana WWW Bekerja
n  Informasi web disimpan dalam dokumen yang disebut Web Pages
n  Web Page adalah file-file yg disimpan dlm komputer disebut Web Server
n  Komputer-komputer yang membaca web page disebut sebagai Web Client
n  Web Client menampilkan web page dg program yg disebut dg Web Browser
WEB BROWSER
n  Web Browser adalah software yg dipakai untuk membaca dan menterjemahkan web pages.
n  Web Browser yg sering digunakan adalah Nescape Navigator dan MSIE (Microsoft Internet Exploler), Opera, Mozilla, Avan Browser.
n  Browser memanggil web page dari web server dengan sebuah Request. Request adalah HTTP standar yang berisi page address.
n  Instruksi yang paling umum digunakan untuk menampilkan web page disebut tag HTML.
n  Server Web adalah komputer yang digunakan untuk menyimpan file-file Web.
EDITOR
n  Program yang di gunakan untuk membuat document HTML, ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
Istilah-Istilah yang Perlu Diketahui
n  WWW (Word Wide Web) yang lebih dikenal sebagai WEB, awalnya merupakan suatu layanan penyajian informasi di internet.
n  Protocol: Standar pemrosesan informasi yg diterima secara umum.
n  TCP/IP (Transfer Control Protocol/ Internet Protocol): Protocol standar di internet
n  URL (Universal Resource Locator): Konsep nama file standar yg diperluas dg jaringannya.
n  HTTP (HyperText Transfer Protocol): Suatu protocol yg dipakai untuk melayani dokumen Hypertext.
n  Surfing: Kegiatan menelusuri dan mencari informasi dalam internet.
n  Untuk membangun suatu situs atau halaman web, terlebih dahulu harus mengerti tentang HTML. HTML terdiri dari tag-tag yang mempunyai fungsi dan kegunaan masing-masing. Tag adalah kode yang berada di antara tanda < dan >. Bentuk umum dari suatu tag adalah: <nama tag> teks.. </nama tag>.
MENGENAL HTML
n  HTML (Hyper Text Markup Language): Dokumen HTML adalah sebuah file teks murni.
n  Dokumen HTML diberi dengan nama sembarang dg tambahan extension “.htm” atah “.html”
Struktur Dokumen HTML
<HTML>
<HEAD>
<TITLE>Judul</TITLE>
                Elemen head lainnya
</HEAD>
<BODY>
                Isi yang ditampilkan
</Body>
</HTML>

Atribut TAG….
n  Atribut TAG: Menyatakan sesuatu tentang TAG.
n  Atribut digunakan untuk mengubah default formating TAG.
Tag -Tag Dasar
l  <HTML> : Tag dasar HTML, mendefinisikan bahwa dokumen adalah HTML
l  <HEAD> : menuliskan keterangan tentang dokumen web..
l  <TITLE> : Memberi judul/Caption browser web.
l  <BODY> : Sectin utama dari dokumen web.
l  Tag tidak case sensitive, jadi anda bisa gunakan <HTML> atau <html>, keduanya menghasilkan output yang sama.
Paragraf…
l  Informasi yang disajikan dalam dokumen harus mengikuti kaidah-kaidah dalam penulisan.
l  Setiap paragraf harus di awali dengan tag <P> dan diakhiri dg tag </P>
l  Bentuk:
<p align=“Left | Right | Center | Justify”>
Contoh….
<html>
<head>
<title>Paragraf</title>
</head>
<body>
<p align=“right”>SELAMAT DATANG</p>
<p align=“center”>Di Dunia HTML</p>
<p>Elemen paragraf ditandai dengan tag P
dan setiap paragraf baru di tampilkan pada baris baru</p>
<p align="justify">Untuk melihat dokumen HTML secara lokal melalui browser Web (misalkan Internet Explorer) kita buka file tersebut dengan memilih menu FILE dan OPEN FILE.</p>
</body></html>

Contoh script c++ Borlan 5.20

















#include<iostream.h>
#include<conio.h>
#include<stdio.h>
main()
{
charnmpem[20],tgl[8],kdbuku,kdjudul,*jenis,*judul,*pengarang;
intharga,jml,ubay,tobay,ukem;

cout<<"namapembeli            : ";cin>>nmpem;
cout<<"tanggalpembelian       : ";cin>>tgl;
cout<<"pilihjenisbuku[1/2/3] : ";cin>>kdbuku;
cout<<"pilihjudulbuku[a/b/c] : ";cin>>kdjudul;
cout<<"jumlahbeli             : ";cin>>jml;

if (kdbuku=='1')
{
jenis="novel";
if (kdjudul=='a')
   {
judul="hikayatcinta";
pengarang="mira W";
harga=30000;
   }
else if (kdjudul=='b')
   {
judul="siksakubur";
pengarang="Tatang S";
harga=25000;
   }
else
   {
judul="mawarhitam";
pengarang="Asmira W";
harga=20000;
   }
}
else if (kdbuku=='2')
{
jenis="pelajaran";
if (kdjudul=='a')
   {
judul="borlandc++";
pengarang="Friyadie";
harga=60000;
   }
else if (kdjudul=='b')
   {
judul="Visual Foxpro";
pengarang="Agusnaba";
harga=30000;
   }
else
   {
judul="Visual basic";
pengarang="Eviciena";
harga=25000;
   }
}
else
{
jenis="legenda";
if (kdjudul=='a')
   {
judul="sangkuriang";
pengarang="Suratmaja";
harga=40000;
   }
else if (kdjudul=='b')
   {
judul="MalinKundang";
pengarang="Andi Offset";
harga=35000;
   }
else
   {
judul="JakaTingkir";
pengarang="Salma";
harga=10000;
   }
}
tobay=jml*harga;
clrscr();
cout<<"***********************************"<<endl;
cout<<"\t\tTOKO BUKU ARDENI"<<endl;
cout<<"***********************************"<<endl;
cout<<"namapembeli        :"<<nmpem<<endl;
cout<<"tanggalpembeli     :"<<tgl<<endl;
cout<<"kodejenisbuku     :"<<kdbuku<<endl;
cout<<"jenisbuku          :"<<jenis<<endl;
cout<<"kodejudulbuku     :"<<kdjudul<<endl;
cout<<"judulbuku          :"<<judul<<endl;
cout<<"pengarang           :"<<pengarang<<endl;
cout<<"harga               :"<<harga<<endl;
cout<<"total bayar         :"<<tobay<<endl;
cout<<"uangbayar          :";cin>>ubay;ukem=ubay-tobay;
cout<<"kembali             :"<<ukem<<endl;
getch();
}



 Untuk menampilkan hasil

#include <iostream.h>
#include <conio.h>
void main()
{
long jum;
clrscr();
jum=145664;
cout << "Isi jum penduduk = "<<jum <<'\n';
getch();
}


Program input output

#include<conio.h>
#include<iostream.h>
void main()
{
char teks[13];
clrscr();
cout <<"masukan sebuah kata :";
cin >>teks;
cout<< "Yang anda masukan  : "<<teks;
}



 Program input output dengan getline

#include <iostream.h>
#include <conio.h>
void main()
{
char nama[25];
char alamat[35];

clrscr();

cout<<"Nama anda :";
cin.getline(nama,25);

cout<<"Alamat Anda :";
cin.getline(alamat,35);

cout <<"NAMA    =" <<nama <<endl;
cout <<"ALAMAT  =" <<alamat <<endl;
}