ENGINEERING COMPUTER NETWORK

HTML

(Hyper Text Markup language)

Informasi di dalam WWW(Word Wide Web)menggunakan format HTML. Didalam HTML kita mengenal Hyper Text yaitu adanya link ke suatu dokumen, suatu alamat mesin bahkan ke suatu gambar, suara.
Banyak software yang digunakan untuk membuat WWW dengan format HTML. Yang akan kita bahas disini adalah yang paling dasar yaitu mengunakan notepad, dimana notepad lah software yang biasanya langsung udah ada dikomputer pada saat komputer aktif, dan notepad biasanya terletak pada accesories.
Langkah pertama yang dilakukan yaitu

Klik notepad

Simpan file dalam suatu folder dalam format nama_file.HTML%htm

Kemudian jalankan dengan Internet Explorer

Cara menjalakan

Klik Run, cari nama file html/htm

Klik Ok

Adapun perintah perintah dasar dari HTML adalah sebagai berikut:

<H1> sampai <H6>
<H1> </H1>font ukuran besar
<H2> </H2>
…. ….
<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:1^stin the world

<SUB>
Fungsi : membuat suatu teks cetak turun
Contoh :
contoh-contoh teks cetak turun :
H₂O (Disebut Air) dan
C₂₁27No (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”>

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 >

ENGINEERING COMPUTER NETWORK

Kamis, 19 Januari 2012

MEMBUAT ROUTER DENGAN DEBIAN LENNY (5)

Senin, 26 Desember 2011

ip

Jumat, 23 Desember 2011

Belajar mengenal Piranti Perangkat Jaringan Komputer

Internet Information Service (IIS)

Java Servlet

Putty Dan Perintah Dasar Pada Linux

Senin, 19 Desember 2011

Dasar HTML

(Hyper Text Markup language)