perbedaan DLL dengan DML

Perbedaan DDL sama DML

1. DDL (Data Definition Language)

·        DDL biasa digunakan administrator database untuk mendefinisikan skema dan subskema database.

Printah yang termasuk DDL

CREATE » untuk membuat, termasuk diantaranya membuat database dan tabel baru.

ALTER » untuk mengubah struktur tabel yang telah dibuat.

DROP » untuk menghapus database dan tabel.

Contoh:

1.     CREATE

CREATE : Perintah ini digunakan untuk membuat, termasuk di antaranya membuat database baru, tabel baru, view baru, dan kolom.

Contoh: create table mahasiswa (nim  char(8) primary key,nama_mahasiswa  varchar(20),nilai integer(3),alamat  varchar(25);

2.     ALTER

ALTER : Perintah ini digunakan untuk mengubah struktur tabel yang telah dibuat. Pekerjaannya mencakup mengganti nama tabel, menambah kolom, mengubah kolom, menghapus kolom, maupun memberikan atribut pada kolom.

Contoh: alter table mahasiswa rename wisudawan;

3.     DROP

DROP : Perintah ini digunakan untuk menghapus database dan tabel.

Contoh: Alter table ‘mahasiswa’ drop ‘alamat’;

B. DML (Data Manipulation Language)

·        DLM biasa pengguna melakukan akses dan manipulasi data sebagaimana yang telah diorganisasikan sebelumnya dalam model data yang tepat, Data Manipulation Language digunakan untuk memanipulasi database yang telah didefinisikan dengan DDL. Perintah yang termasuk DML:

INSERT » untuk menyisipkan atau memasukan dalam tabel

UPDATE » untuk memperbaharui data lama menjadi data terkini

DELETE » untuk menghapus datadari tabel

SELECT » untuk mengambil data atau menampilkan data dari satu tabel atau beberapa tabel.

1.     INSERT : Perintah ini digunakan untuk menyisipkan atau memasukkan data baru ke dalam tabel. Penggunaannya setelah database dan tabel selesai dibuat.

Contoh :

Insert into mahasiswa values (“08052926”, “Frenky”,”70”);

2.     SELECT : Perintah ini digunakan untuk mengambil data atau menampilkan data dari satu tabel atau beberapa tabel dalam relasi. Data yang diambil dapat kita tampilkan dalam layar prompt MySQL secara langsung maupun ditampilkan pada tampilan aplikasi.

Contoh :

Select nama_mahasiswa from mahasiswa where nilai = 70;

3.     UPDATE : Perintah ini digunakan untuk memperbarui data lama menjadi data terkini. Jika Anda memiliki data yang salah atau kurang up to date dengan kondisi sekarang, maka dapat diubah isi datanya menggunakan perintah UPDATE.

Contoh:

                        >mahasiswa set nim = ‘08052926’ = 08052927;

4.     DELETE : Perintah ini digunakan untuk menghapus data dari tabel. Biasanya data yang dihapus merupakan data yang sudah tidak diperlukan lagi. Pada saat menghapus data, perintah yang telah dijalankan tidak dapat digagalkan, sehingga data yang telah hilang tidak dapat dikembalikan lagi

Contoh :

>delete form mahasiswa;

Read More

CARA MENGETAHUI PASSWORD YANG DIENKRIPSI OLEH MD5

Pada kesempatan kali ini kita akan belajar tentang cara "Mengetahui Password yang Dienkripsi oleh MD5".
Tetapi sebelum praktik kita harus mengetahui terlebih dahulu apa itu Enkripsi, Deskripsi dan MD5.

Enkripsi :
Proses mengamankan suatu informasi dengan membuat informasi tersebut tidak dapat dibaca tanpa bantuan pengetahuan khusus (http://id.wikipedia.org/wiki/Enkripsi)
Deskripsi :
Satu kaedah upaya pengolahan data menjadi sesuatu yang dapat diutarakan secara jelas dan tepat dengan tujuan agar dapat dimengerti oleh orang yang tidak langsung mengalaminya sendiri. Deskripsi adalah kebalikan dari Enkripsi (http://id.wikipedia.org/wiki/Deskripsi)
MD5 :
MD5 (Message-Digest algortihm 5) ialah fungsi hash kriptografik yang digunakan secara luas dengan hash value 128-bit. Pada standart Internet (RFC 1321), MD5 telah dimanfaatkan secara bermacam-macam pada aplikasi keamanan, dan MD5 juga umum digunakan untuk melakukan pengujian integritas sebuah berkas. (http://id.wikipedia.org/wiki/MD5) 

Jika Anda tidak mengerti, Anda bisa melihat gambar ini :

Praktik :

1. Buka website ini http://www.md5online.org/
Tampilan web nya seperti ini :

2. Jika ingin mencobanya silahkan pastekan ini : 21232f297a57a5a743894a0e4a801fc3

3. Maka akan muncul tulisan admin :

Sekiranya cukup untuk Praktik & Tutorial kali ini, semoga bermanfaat :)

Read More

HTML Hypertext Markup Language

HTML

HTML atau Hypertext Markup Language merupakan protokol yang digunakan untuk mentransfer data atau document dari web server ke browser kita (Internet Explorer, Netscape Navigator, NeoPlanet, dll). HTML dirancang untuk digunakan tanpa tergantung pada suatu platform tertentu. Dokumen HTML adalah suatu text 

biasa, dan disebut sebagai markup language karena mengandung tanda – tanda ( tag ) tertentu yang digunakan untuk menetukan tampilan suatu teks dan tingkat kepentingan dari teks tersebut dalam suatu dokumen. HTML inilah yang memungkinkan Anda menjelajah internet dan melihat halaman web yang menarik.Pada dokumen HTML yang termasuk system bypertext, maka dari itu kita tidak harus   membaca dokumen tersebut secara urut dari atas kebawah atau sebaliknya. Ciri utama HTML adalah adanya tag dan elemen. Elemen tersebut adalah HEAD ini berfungsi  memberikan informasi tentang dokumen tersebut dan BODY yang berfungsi menentukan bagaimana isi suatu dokumen ditampilkan didalam browser

Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang digunakan untuk membuat atau mendesain halaman web). Macromedia Dreamweaver, Adobe GoLive, MS FrontPage sebagai contohnya. Tetapi tanpa mengetahui dasar-dasarnya kita tidak akan memperoleh hasil yang maksimal. Karena walaupun software-software tersebut semakin menawarkan kemudahan dalam membuat halaman web, tetapi biasanya seseorang masih perlu untuk mengedit halaman web tersebut secara manual. Terutama untuk halaman web yang sangat komplek.

Dalam tutorial ini Anda akan kami ajak untuk mengetahui dasar-dasar dari desain web. Yang dibutuhkan hanya sebuah word processor. Anda bisa menggunakan Notepad, WordPad, MS Word atau yang lainnya. Tapi yang paling mudah adalah menggunakan Notepad.

2.2 Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya sebagian besar    kode HTML tersebut harus terletak di antara tag kontainer. Yaitu diawali dengan <namatag> dan diakhiri dengan </namatag> (terdapat tanda “/”).

Berikut ini adalah kerangka dasar dokumen HTML yang merupakan aturan dari W3 Consortium.

<HTML>

<HEAD>***bagian dari head***</HEAD>

<BODY>***bagian dari body***</BODY>

</HTML>

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

<HTML>

Sebagai tanda awal dokumen HTML.

<HEAD>

Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.

<TITLE>

Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag ini   akan muncul pada bagian paling atas browser Anda (pada title bar).

Contoh : <TITLE>Tips HTML — http://www.klik-kanan.com</TITLE&gt;

<BODY>

Di dalam tag ini bisa diletakkan berbagai page attribute seperti warna latar belakang, warna teks, warna link, warna visited link, warna active link dan lain-lain.

Atribut :

BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN & TOPMARGIN.

Contoh :

<BODY bgcolor=”#000000″ background=”images/pcb.gif” text=”#FFFFFF” link=”#FF0000″ vlink=”FFFF00″ alink=”#0000FF”>

Sebuah contoh sederhana dokumen HTML :

<HTML>

<HEAD>

<TITLE>Halaman pembuka

</TITLE>

</HEAD>

<BODY bgcolor=”#FFFFFF” background=”images/gambar1.gif” text=”#FF0000″>

Letakkan text, images, dan link Anda di sini

</BODY>

</HTML>

1. a. Membuat Homepage Sederhana

Dalam pembuatah sebuah homepage, ada beberapa software yang dapat digunakan antara lain:

1. Notepad

Program teks sederhana milik Windows yang dapat digunakan untuk mengetikkan perintah HTML. Jika kita menggunakan Linux atau unix, maka kita bisa menggunakan vi atau pico sebagai pengganti Notepad.

Adapun langkah kerja membuat homepage dengan menggunakan Notepad adalah:

• Klik Start pada menu utama Windows
• All Programs
• Accessories
• Notepad

1. Pembuat Grafis

Untuk membuat gambar yang menarik perhatian. Seperti Adobe Photoshop, CorelDraw, dsb.

1. Browser

Untuk melihat hasil/tampilan homepage dari program -program HTML yang telah kita ketikkan di Notepad. Yang kita gunakan kali ini adalah Microsoft Internet Explorer.

Ada 2 hal penting yang perlu kita ketahui yaitu fasilitas View Source dan Refresh yang berguna mempercepat pekerjaan jika kita menggunakan Internet Explorer, yaitu :

• View Source, untuk melihat source (isi perintah HTML) dari sebuah dokumen HTML. Pada browser internet explorer,jika mengklik View lalu pilih Source, maka akan terlihat source dari dokumen tersebut seperti pada Notepad. Sehingga kita akan lebih mudah melakukan perubahan/edit dengan cepat
• Refresh, melihat dengan cepat tampilan baru dokumen HTML yang telah di ubah. Dengan cara mengklik symbol refresh atau tekan F5.

1. b. Pengaturan Tampilan Homepage

Agar tampilan desain lebih menarik, maka dalam membuat program HTML sebaiknya juga memperhatikan beberapa properti, yaitu :

1) HTML Format Teks

Untuk mendapatkan halaman web yang baik Anda harus melakukan pengaturan terhadap teks seperti memilih jenis dan ukuran huruf, perataan, dll. Tag-tag di bawah ini yang biasa digunakan dalam pengaturan teks :

• Headers: <Hn>..</Hn>

Digunakan untuk mengatur ukuran huruf pada header. “n” mempunyai nilai antara 1 – 6 atau antara <H1> sampai <H6>, dengan <H1> merupakan ukuran terbesar dan <H6> merupakan ukuran terkecil.

Contoh tulis dalam notepad :

<HTML><BODY>

<H1>Header level 1</H1>

<H2>Header level 2</H2>

<H3>Header level 3</H3>

<H4>Header level 4</H4>

<H5>Header level 5</H5>

<H6>Header level 6</H6>

<HTML><BODY>

• Paragraph Baru: <P>

Digunakan untuk pindah alinea atau paragraf. Tag ini bisa diberi akhiran </P> tapi juga bisa tidak diberi.

Perhatikanlah contoh tulisan di bawah ini: <HTML><BODY>

Paragraf pertama <P>Paragraf kedua <P>Paragraf ketiga

</BODY></HTML>

• Line Break: <BR>

Line break digunakan untuk pindah ke baris baru. Cobalah membuat tulisan berikut pada Notepad:

<HTML><body> baris pertama

Baris kedua

Baris ketiga

<HTML><BODY>

Kesimpulannya, penekanan tombol Enter tidak menghasilkan baris dalam tampilan browser. Demikianlah sifat penulisan dokumen HTML. Lantas, bagaimana caranya membuat baris? Gunakanlah tag <BR>. Tag ini tidak mempunyai tag penutup. Bukalah source kode file HTML tadi lalu edit seperti berikut:

<HTML><BODY>

Baris pertama

<BR>Baris kedua

<BR>Baris ketiga

</HTML></BODY>

Simpan kemudian lihat hasilnya dengan me-refresh pada browser. Hasilnya akan seperti ini:

Baris pertama

Baris kedua

Baris ketiga

Membuat baris kalimat,  Tag <BR> tersebut dapat pula digunakan untuk membuat baris kosong, artinya baris yang tidak mempunyai kalimat apa-apa. Editlah sekali lagi source code menjadi seperti ini:

<HTML><BODY>

Baris pertama<BR><BR>Baris kedua kosong, dan ini baris ketiga<BR><BR><BR>Baris keempat dan kelima kosong, dan ini baris keenam

</BODY></HTML>

Simpan lalu refresh sekali lagi maka hasilnya akan seperti ini:

Baris pertama

Baris kedua kosong, dan ini baris ketiga

Baris keempat dan kelima kosong, dan ini baris keenam

Di sini kita lihat bahwa tag <BR> yang ditulis dua kali akan menghasilkan dua baris, demikian seterusnya.

• No Line Break: <NOBR>

Bila digunakan tag ini maka teks yang panjang tidak secara otomatis pindah baris bawahnya bila baris pertama sudah terlalu panjang.

• Font <FONT>

Untuk mendefinisikan berbagai attribut FONT, yaitu : SIZE, FACE, COLOR.

Size adalah Ukuran font yang digunakan, berkisar antara 1 – 7 dengan 1 merupakan ukuran terkecil dan 7 merupakan ukuran terbesar.

Face adalah jenis atau nama font. Anda bisa memilih maksimal 3 jenis font yang masing-masing dipisahkan oleh koma. Bila terdapat spasi yang terletak pada nama font maka harus digunakan tanda garis bawah ( _ ). Dalam memilih jenis font ini harus dipertimbangkan apakah font yang kita gunakan pada halaman web kita nantinya akan terdapat pada komputer pengguna yang lain (pengakses web kita). Pendeknya kita tidak usah menggunakan font-font yang bentuknya aneh-aneh, gunakan saja font standar. Tapi bila Anda ingin menggunakan font yang sedikit “aneh” Anda bisa menggunakan graphic.

COLOR adalah Warna font, didefinisikan dengan menggunakan nilai RGB/HEX atau bisa juga langsung menggunakan nama warna (red misalnya).

Contoh :

<FONT SIZE=4 FACE=”Verdana, Arial, Helvetica” COLOR=”#FF0000″>Contoh teks yang berwarna merah</FONT>

Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah

• <BASEFONT>

Digunakan untuk mendefinisikan “default text”. Attribut sama dengan attribut FONT. Tag FONT akan mengoverwrite setting pada BASEFONT.

Contoh :

<BASEFONT SIZE=2 FACE=”Arial,Helvetica” COLOR=”#FF0000″>

• <CITE>Digunakan untuk quoting text
• <CODE>

Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda).

• <SAMP>

Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda)

• <KBD>

Monospaced font (digunakan bila Anda ingin meletakkan (memperlihatkan) kode HTML pada dokumen HTML Anda) <BIG>Ukuran teks akan lebih besar satu ukuran.

• <SMALL> Ukuran teks akan lebih kecil satu ukuran
• <SUP> Membuat tekssuperscript
• <SUB> membuat tekssub script
• <ABBREV>Abbreviations
• <ACRONYM> Untuk akronim
• <PERSON> Digunakan untuk indexing
• <Q> Membuat short inline quotation
• <VAR> Membuat variable name, selalu dalam ITALICS.

Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan dengan pengaturan teks, yaitu :

• <I> Italic text
• <U> Underscore
• <TT> Typewriter
• <S> Strikeout – draws a line through the text
• <PRE> Preformatted Text
• <DFN> Definition
• <BLINK> Text berkedip (lebih baik jangan digunakan)
• <STRONG> Strong
• <ADDRESS>

Tag-tag ini berfungsi untuk mengubah tipe huruf yaitu menebalkan (bold), membuat tulisan miring (italic) atau memberi garis bawah (underline). Buka lagi program Notepad kemudian tuliskan seperti berikut ini:

<HTML>

<HEAD>

<TITLE>Tipe-tipe Teks</TILE>

</HEAD>

<BODY>

Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miring dan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.

2) HTML Image ( gambar )

Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda. Atributnya adalah : alt, align=(center, left, right), hspave, vspace, border, width & height.

Contoh :

<IMG SRC=”logo.gif” alt=”Ini adalah logo halaman pembuka” width=200 height=100>

<IMG SRC=”logo.gif” hspace=10 vspace=5 align=right border=2>

3) HTML Links :

Digunakan untuk membuat link ke halaman lain. Tulisan yang terletak antara <A> dan </A> akan terdapat garis bawah.

Contoh :

<A HREF=”halaman2.html”>Klik di sini</A> Untuk membuat link ke halaman lain.

<A HREF=”mailto:webmaster@klik-kanan.com”>Klik di sini</A> Untuk membuat link pada alamat e-mail.

<A HREF=”#aplikasi”>Klik di sini</A> Untuk membuat link ke bagian lain pada halaman yang sama.

<A HREF=”halamanlain.html#aplikasi”>Klik di sini</A> Untuk membuat link kebagian lain pada halaman yang berbeda.

<A HREF=”halaman2.html”><IMG SRC=”gambar.gif”></A> Untuk membuat link dengan menggunakan gambar.

4) HTML List ( dasar urutan )

Terdapat tiga tipe list yang dapat digunakan, yaitu :

• Unordered Lists <UL>

Untuk membuat daftar item dengan tanda bullet. List entries didefinisikan dengan tag <LI>.

Contoh :

<UL>

<LI> Item nomer 1

<LI> Item nomer 2

<LI> Item nomer 3

</UL>

Hasil dari kode di atas adalah:

Item nomer 1

Item nomer 2

Item nomer 3

Dengan atribut TYPE Anda dapat mendefinisikan bentuk disc, circle atau square  bullet point.

Contoh : <UL COMPACT>

• Ordered Lists: <OL>

Juga digunakan untuk membuat daftar item, dengan tiap item dapat menggunakan angka arab atau romawi. List entries juga didefinisikan dengan <LI> tag.

Contoh :

<OL TYPE=I>

<LI> Item nomer 1

<LI> Item nomer 2

<LI> Item nomer 3

</OL>

Hasil dari kode di atas adalah :

Item nomer 1

Item nomerr 2

Item nomerr 3

Untuk TYPE Anda dapat juga menggunakan :

1– Default numbers, 1, 2, 3, etc.

A– Huruf besar. A, B, C, etc.

a– Huruf kecil. a, b, c, etc.

I– Romawi huruf besar. I, II, III, etc.

i- Romawi huruf kecil , i, ii, iii, etc.

• Definition Lists: <DL>

Contoh :

<DL>

<DT> Item pertama.

<DD> Penjelasan tentang item pertama.

<DT> Item kedua.

<DD> Penjelasan tentang item kedua

</DL>

Hasil dari kode di atas adalah :

Item pertama.

Penjelasan tentang item pertama.

Item kedua.

Penjelasan tentang item kedua

5) HTML Table ( tabel )

Tabel sangat penting artinya dalam desain web. Karena dengan menggunakan tag table Anda dapat membuat halaman web “terbagi” pada beberapa kolom atau baris. Contohnya seperti pada halaman web yang sedang Anda baca ini.

Terdapat tiga tag atau elemen utama yang digunakan dalam pembuatan table : <TABLE>, <TR>, dan <TD>. Yang perlu diingat adalah bahwa tab <TR> dan <TD> harus terletak di antara tag <TABLE> dan </TABLE>

<TABLE> Terdiri dari atribut :

align – perataan : rata kiri (left), tengah (center) atau kanan (right).

bgcolor – warna latar belakang (background) dari tabel.

border – ukuran lebar border tabel (dalam pixel).

cellpadding – jarak antara isi cell dengan batas cell (dalam pixel).

cellspacing – jarak antar cell (dalam pixel).

width – ukuran tabel dalam pixel atau percent.

Contoh :

<TABLE align=”center” bgcolor=”#0000FF” border=”2″

cellpadding=”5″ cellspacing=”2″ width=”90%”>

<TR>

Tag ini digunakan untuk membuat baris baru (pada tabel). Terdiri dari atribut:

align – perataan : rata kiri (left), tengah (center) atau kanan (right).

bgcolor – warna latar belakang dari baris.

valign – perataan vertikal : top, middle atau bottom.

Contoh : <TR align=”right” bgcolor=”#0000FF” valign=top>

<TD>

Tag ini digunakan untuk membuat kolom baru pada tabel.

align – perataan

background – image yang digunakan sebagai latar belakang dari kolom.

bgcolor – warna latar belakang

colspan – lihat gambar contoh

height – ukuran tinggi cell dalam pixels.

nowrap – membuat supaya isi dari kolom tetap berada pada satu baris.

rowspan – lihat gambar contoh

valign – perataan vertikal :top, middle atau bottom.

width – ukuran kolom dalam pixel atau percen.

Contoh :

<TD align=”right” background=”back.gif” bgcolor=”#0000FF” colspan=”3″ height=”200″ nowrap rowspan=”2″ valign=”bottom” width=”300″

<table width=”100″ border=”1″ cellspacing=”2″

cellpadding=”2″>

<tr>

<td bgcolor=”#0000FF”> &nbsp;</td>

<td bgcolor=”#FFFF66″>&nbsp;</td>

<td rowspan=”2″ bgcolor=”#FF3366″>&nbsp;</td> </tr>

<tr> <td colspan=”2″ bgcolor=”#33CC66″>&nbsp;</td> </tr> <tr>

<td colspan=”3″ bgcolor=”#FFCC99″>&nbsp;</td>

</tr>

</table>

<table width=”100″ border=”0″ cellspacing=”0″

cellpadding=”0″>

<tr> <td bgcolor=”#0000FF”>&nbsp; </td>

<td bgcolor=”#FFFF66″>&nbsp;</td>

<td rowspan=”2″ bgcolor=”#FF3366″>&nbsp;</td>

</tr

1. A. 

   1<FRAMESET cols=”*,140″> <FRAME SRC=”homepage.htm”> <FRAME SRC=”menu.htm”> </FRAMESET> 2<FRAMESET cols=”100,*”> <FRAME SRC=”homepage.htm”> <FRAME SRC=”menu.htm”> </FRAMESET> 3<FRAMESET rows=”100,*”> <FRAME SRC=”homepage.htm”> <FRAME SRC=”menu.htm”> </FRAMESET> 4<FRAMESET rows=”*,60″> <FRAME SRC=”homepage.htm”> <FRAME SRC=”menu.htm”> </FRAMESET> 5<FRAMESET rows=”*,60″> <FRAME SRC=”homepage.htm”> <FRAMESET cols=”50%,50%”> <FRAME SRC=”menu.htm” > <FRAME SRC=”menu2.htm” > </FRAMESET></FRAMESET> 6<FRAMESET cols=”*,50%”> <FRAME SRC=”homepage.htm”> <FRAMESET rows=”15%,15%,70%”> <FRAME SRC=”menu.htm” > <FRAME SRC=”menu2.htm” > <FRAME SRC=”menu3.htm” > </FRAMESET></FRAMESET> 7<FRAMESET cols=”50%,50%”> <FRAMESET rows=”50%,50%”> <FRAME SRC=”homepage.htm” > <FRAME SRC=”homepage2.htm” > </FRAMESET> <FRAMESET rows=”50%,50%”> <FRAME SRC=”menu.htm” > <FRAME SRC=”menu2.htm” > </FRAMESET></FRAMESET> 8<FRAMESET rows=”15%,70%,15%”> <FRAME SRC=”homepage.htm” > <FRAMESET cols=”15%,70%,15%”> <FRAME SRC=”menu.htm”> <FRAME SRC=”menu2.htm”> <FRAME SRC=”menu3.htm”> </FRAMESET> <FRAME SRC=”homepage.htm”> </FRAMESET></FRAMESET>

   6. HTML Frames

1. B.

1. c. Kumpulan Tag HTML

<!– –>	Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href>	Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>	Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet>	Sebagai awal dari Java applets
<area>	Mendefinisikan daerah yang dapat diklik (link) pada image map
<b>	Membuat teks tebal
<basefont>	Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>	Memberi (suara latar) background sound pada halaman web
<big>	Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink>	Membuat teks berkedip
<body>	Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br>	Pindah baris
<caption>	Membuat caption pada tabel
<center>	Untuk perataan tengah terhadap teks atau gambar
<comment>	Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd>	Indents teks
<div>	Represents different sections of text.
<embed>	Menambahkan sound or file avi ke halaman web
<fn>	Seperti tag <a name>
<font>	Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form>	Mendefinisikan input form
<frame>	Mendefinisikan frame
<frameset>	Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> … <h6>	Ukuran font
<head>	Mendefinisikan head document.
<hr>	Membuat garis horizontal
<html>	Bararti dokumen html
<i>	Membuat teks miring
<img>	Image, imagemap atau an animation
<input>	Mendefinisikan input field pada form
<li>	Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>, <ol> and <ul> )
<map>	Mendefinisikan client-side map
<marquee>	Membuat scrolling teks (teks berjalan) – hanya pada MS IE
<nobr>	Mencegah ganti baris pada teks atau images
<noframes>	Jika browser user tidak mendukung frame
<ol>	Mendefinisikan awal dan akhir list
<p>	Ganti paragraf
<pre>	Membuat teks dengan ukuran huruf yg sama

1. d. Kode untuk karakter khusus

Simbol	Karakter yg ditampilkan
"	“
&	&
&lt;	<
&gt;	>
&OElig;	OE
&oelig;	oe
&Scaron;	Š
&scaron;	š
&Yuml;	Ÿ
&circ;	ˆ
&tilde;	˜
&ensp;
&emsp;
&thinsp;
&zwnj;
&zwj;
&lrm;
&rlm;
&ndash;	–
&mdash;	—
&lsquo;	‘
&rsquo;	’
&sbquo;	‚
&ldquo;	“
&rdquo;	”
&bdquo;	„
&dagger;	†
&Dagger;	‡
&permil;	‰
&lsaquo;	‹
&rsaquo;	›
&euro;	€

<html>

<head>

<title> Contoh script HTML </title>

</head>

<body>

<h2>Belajar Desain WEB dengan HTML</h2>

HTML adalah dasar pembuatan website,<br>

dimana perintah – perintah HTML dapat diketik <br>

pada notepad (bila menggunakan S.O Windows) atau

Vi(bila menggunakan Linux).

</body>

</html>

Simpan dengan nama Source1.htm dengan memilih type All files. Kemudian buka dengan Browser dan lihat hasilnya

Read More