Dasar Dasar HTML

NAMA : MASKUN
NPM : 20054350036
KELAS : N ( SORE )
Prog. Study : TEHNIK INFORMATIKA
SEMESTER : VI
UNIVERSITAS INDRA PRASTA PGRI

JL. Nangka No.58 Tanjung Barat, Jakarta Selatan
Tel.(021) 7818718-78835283 Fax. 78835283
Pendahuluan
Sebelum kita melangkah lebih jauh ada baiknya Anda tahu apa itu 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). Nah, HTML inilah yang
memungkinkan Anda menjelajah internet dan melihat halaman web yang
menarik.
Sekarang ini di pasaran terdapat banyak sekali HTML authoring (software yang
digunakan untuk membuat atau mendesain halaman web). Macromedia
Dreamweaver, Adobe GoLive, MS FrontPage sekedar contohnya. Tetapi tanpa
mengetahui dasar-dasarnya Anda tidak akan memperoleh hasil yang maksimal.
Mengapa ? 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.
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 "/").
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 -- www.klik-kanan.com</TITLE>
<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>
Pengaturan 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 :
<H2>Tutorial Html</H2>
Hasilnya akan terlihat seperti :
Tutorial Html
Paragraph Baru: <P> Digunakan untuk pindah alinea atau paragraf. Tag ini
bisa diberi akhiran </P> tapi juga bisa tidak diberi.
Line Break: <BR> Digunakan untuk pindah ke baris baru.
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: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan

ukuran terkecil dan 7 merupakan ukuran terbesar.
FACE: 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: 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
Contoh lainnya :
<FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC">
Base Font: <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">
Selain tag dan atribut di atas, masih terdapat lagi tag-tag yang berhubungan
dengan pengaturan teks, yaitu :
Perhatian : Semua tag di bawah ini membutuhkan tap penutup.
<B> Bold text

<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>
Italic
<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
<KBD> Monospaced font (digunakan bila Anda ingin meletakkan
<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.
Lists
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 TYPE=square> …
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 :
1. Item nomer 1
2. Item nomerr 2
3. 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
Images
Images :
Digunakan untuk menampilkan image atau animasi gif pada halaman web Anda.
Atribut : 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>
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.
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"> </td>
<td bgcolor="#FFFF66"> </td>
<td rowspan="2" bgcolor="#FF3366"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#33CC66"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFCC99"> </td>
</tr>
</table>
<table width="100" border="0" cellspacing="0" cellpadding="0">

<tr>
<td bgcolor="#0000FF"> </td>
<td bgcolor="#FFFF66"> </td>
<td rowspan="2" bgcolor="#FF3366"> </td>
</tr>
<tr>
<td colspan="2" bgcolor="#33CC66"> </td>
</tr>
<tr>
<td colspan="3" bgcolor="#FFCC99"> </td>
</tr>
</table>
Frames
1
<FRAMESET cols="*,140">
<FRAME SRC="homepage.htm" NAME="Frame1">
<FRAME SRC="menu.htm" NAME="Frame2">
</FRAMESET>
2
<FRAMESET cols="100,*">
</FRAMESET>
3
<FRAMESET rows="100,*">
</FRAMESET>
4
<FRAMESET rows="*,60">
</FRAMESET>
5
<FRAMESET rows="*,60">
<FRAMESET cols="50%,50%">
<FRAME SRC="menu2.htm" NAME="Frame3">
</FRAMESET></FRAMESET>
6
<FRAMESET cols="*,50%">
<FRAMESET rows="15%,15%,70%">
7
<FRAMESET cols="50%,50%">
<FRAMESET rows="50%,50%">
<FRAME SRC="homepage2.htm" NAME="Frame2">
</FRAMESET>
<FRAMESET rows="50%,50%">
8
<FRAMESET rows="15%,70%,15%">
<FRAMESET cols="15%,70%,15%">
</FRAMESET>
<FRAME SRC="homepage.htm" NAME="BIG">
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> ...
Ukuran font
<h6>
<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

<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada tabel
<title> Mendefinisikan title
<tr> Baris pada tabel
<u> Membuat teks bergaris bawah
Kode untuk karakter khusus
Simbol Karakter yg ditampilkan
" "
& &
< <
> >
&OElig; Œ
&oelig; œ
&Scaron; Š
&scaron; š
&Yuml; Ÿ
&circ; ˆ
&tilde; ˜
&ensp;
&emsp;

&zwnj;
&zwj;
&lrm;
&rlm;
– –
— —
‘ ‘
’ ’
&sbquo; ‚
“ “
” ”
&bdquo; „
&dagger; †
&Dagger; ‡
&permil; ‰
&lsaquo; ‹
&rsaquo; ›
€ €
<?
/********************************************************************
*******
* lang_indonesian.php - description
* -------------------
*
*
*********************************************************************
******/
/********************************************************************
*******
*
* This program is free software; you can redistribute it and/or
modify
* it under the terms of the GNU General Public License as
published by
* the Free Software Foundation; either version 2 of the License,
or
* (at your option) any later version.
*
*********************************************************************
******/
$l_forum = "Forum";
$l_forums = "Forum";
$l_topic = "Topik";
$l_topics = "Topik";
$l_replies = "Reply";
$l_poster = "Dikirim oleh";
$l_author = "Penulis";
$l_views = "Dibaca";
$l_post = "Posting";
$l_posts = "Posting";
$l_message = "Posting";
$l_messages = "Posting";
$l_subject = "Subyek";
$l_body = "Isi $l_message";
$l_from = "dari"; // Message from
$l_moderator = "Moderator";
$l_username = "Username";
$l_password = "Password";
$l_email = "Email";
$l_emailaddress = "Alamat Email";
$l_preferences = "Preferensi";
$l_anonymous = "Anonymous"; // Post
$l_guest = "Tamu"; // Whosonline
$l_noposts = "Belum ada $l_posts";
$l_joined = "Bergabung";
$l_gotopage = "Ke Halaman";
$l_nextpage = "Berikutnya";
$l_prevpage = "Sebelumnya";
$l_go = "Go";
$l_selectforum = "Pindah ke $l_forum";
$l_date = "Tanggal";
$l_number = "Nomor";
$l_name = "Nama";
$l_options = "Pilihan";
$l_submit = "Kirim";
$l_confirm = "Konfirmasi";
$l_enter = "Enter";
$l_by = "oleh"; // Posted by
$l_ondate = "pada tanggal"; // This message is edited by: $username
on $date
$l_new = "Baru";
$l_html = "HTML";
$l_bbcode = "BBcode";
$l_smilies = "Smilies";
$l_on = "Aktif";
$l_off = "Tidak aktif";
$l_yes = "Ya";
$l_no = "Tidak";
$l_click = "Klik";
$l_here = "disini";
$l_toreturn = "untuk kembali";
$l_returnindex = "$l_toreturn ke indeks forum";
$l_returntopic = "$l_toreturn ke daftar topik.";
$l_error = "Error";
$l_tryagain = "Silahkan kembali dan coba lagi.";
$l_mismatch = "Passwords anda salah.";
$l_userremoved = "User telah dihapus dari database";
$l_wrongpass = "Password anda salah.";
$l_userpass = "Masukkan Username dan Password.";
$l_banned = "Anda telah ditolak di forum ini. Hubungi Administrator
jika anda mempunyai pertanyaan.";
$l_enterpassword= "Anda harus memasukkan password anda.";
$l_nopost = "Anda tidak boleh posting di sini.";

$l_noread = "Anda tidak boleh membaca forum ini.";
$l_lastpost = "$l_post terakhir";

$l_sincelast = "setelah kunjungan terakhir";
$l_newposts = "$l_posts baru $l_sincelast";
$l_nonewposts = "Belum ada $l_posts baru $l_sincelast";
// Index page
$l_indextitle = "Indeks Forum";
// Members and profile

$l_profile = "Profil";
$l_register = "Daftar";
$l_onlyreq = "Hanya yang harus";
$l_location = "Lokasi";
$l_viewpostuser = "Lihat posting oleh user ini";
$l_perday = "$l_messages per hari";
$l_oftotal = "dari total";
$l_url = "URL";
$l_icq = "ICQ";
$l_icqnumber = "No ICQ";
$l_icqadd = "No ICQ";
$l_icqpager = "ICQ Pager";
$l_aim = "AIM";
$l_yim = "YIM";
$l_yahoo = "Yahoo Messenger";
$l_msn = "MSN";
$l_messenger = "MSN Messenger";
$l_website = "Web Site";
$l_occupation = "Pekerjaan";
$l_interests = "Hobby";
$l_signature = "Signature";
$l_sigexplain = "Ini adalah Blok text yang dapat ditambahkan pada
posting anda.<BR>Maksimum 255 karakter !";
$l_usertaken = "Nama $l_username telah digunakan orang lain.";
$l_userdisallowed= "Anda tidak boleh menggunakan nama $l_username.
$l_tryagain";
$l_infoupdated = "Informasi anda telah diganti";
$l_publicmail = "Bolehkan orang lain untuk melihat
$l_emailaddress anda";
$l_itemsreq = "Tanda * berarti wajib diisi";
// Viewforum
$l_viewforum = "Lihat Forum";
$l_notopics = "Topik belum ada, anda bisa posting disini.";
$l_hotthres = "Lebih dari $hot_threshold $l_posts";
$l_islocked = "$l_topic dikunci ( Tidak boleh $l_posts disini)";
$l_moderatedby = "Moderator ";
// Private forums
$l_privateforum = "Ini adalah <b>Forum Tertutup</b>.";
$l_private = "$l_privateforum<br>Catatan: Anda harus mengaktifkan
cookie untuk dapat mengakses forum tertutup.";
$l_noprivatepost = "$l_privateforum anda tidak mempunyai akses di
sini.";
// Viewtopic
$l_topictitle = "Lihat $l_topic";
$l_unregistered = "User belum terdaftar";
$l_posted = "Posted";
$l_profileof = "Lihat Profil";
$l_viewsite = "Lihat website";
$l_icqstatus = "$l_icq status"; // ICQ status
$l_editdelete = "Ubah/Hapus $l_post";
$l_replyquote = "Reply dengan quote";
$l_viewip = "Lihat IP (Khusus Moderators/Admins)";
$l_locktopic = "Kunci $l_topic ini";
$l_unlocktopic = "Buka kunci $l_topic ini";
$l_movetopic = "Pindahkan $l_topic ini";
$l_deletetopic = "Hapus $l_topic ini";
// Functions
$l_loggedinas = "Anda login sebagai";
$l_notloggedin = "Anda belum login";
$l_logout = "Logout";
$l_login = "Login";
// Page_header
$l_separator = "» »"; // Included here because some languages
have
// problems with high ASCII (Big-5 and the
like).
$l_editprofile = "Ganti Profile";
$l_editprefs = "Ganti $l_preferences";
$l_search = "Cari";
$l_memberslist = "Anggota";
$l_faq = "FAQ";
$l_privmsgs = "$l_messages Pribadi";
$l_sendpmsg = "Kirim pesan pribadi";
$l_statsblock = '$statsblock = "Jumlah posting oleh:
<b>$total_posts</b> $l_messages.<br>
Total anggota terdaftar : <b>$total_users</b></br>
Anggota terbaru : <a
href=\"$profile_url\"><b>$newest_user</b></a>.<br>
<b>$users_online</b> ". ($users_online==1?"user":"user") ." <a
href=\"$online_url\">sedang online</a> di forum ini.<br>";';
$l_privnotify = '$privnotify = "<br>Ada $new_message <a
href=\"$privmsg_url\"> pesan".($new_message>1?"messages":"baru untuk
Anda")."</a>.";';
// Page_tail
$l_adminpanel = "Ganti Setting Forum";
$l_poweredby = "Didukung oleh";
$l_version = "Versi";
// Auth
// Register
$l_notfilledin = "Error - anda tidak mengisi field-field yang
harus diisi.";
$l_invalidname = "Username \"$username\" sudah digunakan orang
lain.";
$l_disallowname = "Username \"$username\" tidak boleh digunakan.";
$l_welcomesubj = "Selamat Datang di Forum $sitename";

$l_welcomemail =
"
$l_welcomesubj,
Simpan email ini baik-baik untuk kepentingan anda.
Informasi account Anda adalah sebagai berikut
----------------------------
Username: $username
Password: $password
----------------------------
Ingat baik-baik password anda, password anda telah dienkripsi dalam

database kami dan kami sendiri tidak dapat menelusuri kembali
password tersebut.
Jika anda lupa, kami menyediakan fasilitas untuk
mendapatkan password yang diacak dan baru.
Terima kasih atas kesediaannya untuk mendaftar.

$email_sig
";
$l_beenadded = "Anda telah terdaftar dalam database Kami.";
$l_thankregister= "Terima kasih telah mendaftar!";
$l_useruniq = "Harus Unik. Tidak boleh ada username yang sama.";
$l_storecookie = "Simpan username di cookies selama 1 tahun.";
// Prefs
$l_prefupdated = "$l_preferences telah diupdate. $l_click <a
href=\"index.$phpEx\">$l_here</a> $l_returnindex";
$l_editprefs = "Ganti $l_preferences";
$l_themecookie = "Catatan: Untuk memilih themes anda HARUS
mengaktifkan cookie.";
$l_alwayssig = "Sertakan selalu signature";
$l_alwaysdisable= "Non aktifkan selalu"; // Only used for next three
strings
$l_alwayssmile = "$l_alwaysdisable $l_smilies";
$l_alwayshtml = "$l_alwaysdisable $l_html";
$l_alwaysbbcode = "$l_alwaysdisable $l_bbcode";
$l_boardtheme = "Theme Forum";
$l_boardlang = "Bahasa Forum";
$l_nothemes = "Themes tidak ada dalam database";
$l_saveprefs = "Simpan $l_preferences";
// Search
$l_searchterms = "Kata kunci";
$l_searchany = "Cari per kata (Default)";
$l_searchall = "Cari sebagai frasa";
$l_searchallfrm = "Cari di semua Forum";
$l_sortby = "Sortir berdasarkan";
$l_searchin = "Cari di";
$l_titletext = "Judul & Text";
$l_search = "Cari";
$l_nomatches = "Tidak ada data yang cocok dengan permintaan
Anda. Perluas pencarian Anda.";
// Whosonline
$l_whosonline = "Sedang Online";
$l_nousers = "Saat ini tidak ada anggota yang sedang online forum
ini";
// Editpost
$l_notedit = "Posting ini bukan milik anda! Anda tidak berhak
merubahnya.";
$l_permdeny = "Anda tidak memasukkan password yang benar $l_password
atau anda tidak mempunyai hak untuk merubahnya. $l_tryagain";
$l_editedby = "$l_message dirubah oleh:";
$l_stored = "$l_message anda telah terkirim.";
$l_viewmsg = "untuk melihat $l_message anda.";
$l_deleted = "$l_post anda telah terhapus.";
$l_nouser = "$l_username tersebut tidak ada .";
$l_passwdlost = "Lupa password anda!";
$l_delete = "Hapus Pesan ini";
$l_disable = "Non aktifkan";

$l_onthispost = "pada Posting ini";
$l_htmlis = "$l_html";
$l_bbcodeis = "$l_bbcode";
$l_notify = "Beritahu lewat email jika ada reply";
// Newtopic
$l_emptymsg = "Anda harus membuat $l_message untuk memposting. Anda
tidak dapat mengirim posting kosong$l_message.";
$l_aboutpost = "Tentang Posting";
$l_regusers = "Anggota <b>terdaftar</b>";
$l_anonusers = "<b>Anonymous</b>";
$l_modusers = "Hanya <B>Moderators dan Administrators</b>";
$l_anonhint = "<br>(Untuk memposting sebagai anonymous anda tidak
perlu memasukkan username dan password)"; $l_inthisforum = "dapat
mereply dan memposting topik baru";
$l_attachsig = "Tampilkan signature <font size=-2>(dapat diubah
atau ditambahkan pada profile anda)</font>";
$l_cancelpost = "Batal";
// Reply
$l_nopostlock = "Anda tidak bisa mereply posting ini. Topik ini
telah dikunci";
$l_topicreview = "Review Topik";
$l_notifysubj = "Posting anda direply.";
$l_notifybody = 'Hai, $m[username]\r\nPesan ini dikirim karena
ada yg
mereply pesan anda di forum dan anda telah memilih fitur ini.
Anda dapat melihat topik dengan mengklik :
http://$SERVER_NAME$url_phpbb/viewtopic.$phpEx?topic=$topic&forum=$fo
rum
atau melihat indeks forum $sitename pada
http://$SERVER_NAME$url_phpbb
Terima kasih atas partisipasi Anda di Forum $sitename.
Salam hangat
$email_sig';
$l_quotemsg = '[quote]\nPada $m[post_time], $m[username]

menulis:\n$text\n[/quote]';
// Sendpmsg
$l_norecipient = "Anda harus masukkan username agar $l_message
bisa dikirim.";
$l_sendothermsg = "Kirim Pesan Pribadi lainnya";
$l_cansend = "dapat mengirim $l_privmsgs"; // All registered
userscan send PM's
$l_yourname = "$l_username";
$l_recptname = "$l_username tujuan";
// Replypmsg
$l_pmposted = "Reply telah dikirim , klik <a
href=\"viewpmsg.$phpEx\">di sini</a> untuk melihat $l_privmsgs";
// Viewpmsg
$l_nopmsgs = "Tidak ada $l_privmsgs untuk Anda.";
$l_reply = "Reply";
// Delpmsg
$l_deletesucces = "Telah dihapus.";
// Smilies
$l_smilesym = "Diketik";
$l_smileemotion = "Emosi";
$l_smilepict = "Simbol";
// Sendpasswd
$l_wrongactiv = "Nomor aktivasi salah!. Lihat kembali dalam Email
yang telah Anda terima dan pastikan anda telah menyalin nomor
aktivasinya";
$l_passchange = "Password anda telah diganti. Klik <a
href=\"bb_profile.$phpEx?mode=edit\">profil</a> dan ganti password
sesuka Anda.";
$l_wrongmail = "Alamat Email anda berbeda dengan yang ada dalam
database.";
$l_passsubj = "Ganti Password Forum $sitename";
$l_pwdmessage = 'Hai, $checkinfo[username],

Anda menerima email ini karena Anda (atau seseorang yang mengaku
sebagai Anda
telah meminta penggantian password pada forum $sitename. Jika ini
adalah suatu kesalahan, hapus saja email ini dan password Anda tidak
akan
berubah.
Password baru Anda : $newpw
Untuk melakukan penggantian password klik link di bawah ini:
http://$SERVER_NAME$PHP_SELF?actkey=$key
Setelah anda mengunjungi halaman ini password Anda akan diganti dan
anda bisa login untuk merubah profil Anda.
Terima Kasih atas pastisipasi Anda di Forum $sitename.
$email_sig';
$l_passsent = "Password anda telah diganti. Mohon lihat prosedur

penggantian password seperti tercantum dalam email anda.";
$l_emailpass = "Lupa Password";
$l_passexplain = "Mohon isi formulir, password baru akan dikirim
ke alamat email Anda";
$l_sendpass = "Kirim Password";
?>
<?php
/********************************************************************
****/
/* PHP-NUKE: Web Portal System
*/
/* ===========================
*/
/*
*/
/* Copyright (c) 2002 by Francisco Burzi
*/
/* http://phpnuke.org
*/
/*
*/
/* This program is free software. You can redistribute it and/or
modify */
/* it under the terms of the GNU General Public License as published
by */
/* the Free Software Foundation; either version 2 of the License.
*/
/********************************************************************
****/
if (eregi("block-Random_Photo.php",$PHP_SELF)) {
Header("Location: index.php");
die();
}
// Hack prevention.
if (!empty($HTTP_GET_VARS["GALLERY_BASEDIR"]) ||
!empty($HTTP_POST_VARS["GALLERY_BASEDIR"]) ||
!empty($HTTP_COOKIE_VARS["GALLERY_BASEDIR"])) {
$content= "Security violation\n";
exit;
}
$GALLERY_BASEDIR = "modules/Gallery/";
require($GALLERY_BASEDIR . "init.php");
if ($profile) {
$timer = time();
}
/* Initializing the seed */

srand ((double) microtime() * 1000000);
define(CACHE_FILE, $gallery->app->albumDir . "/block-random.cache");

define(CACHE_EXPIRED, 86400);
// Check the cache file to see if it's up to date
$rebuild = 1;
if (fs_file_exists(CACHE_FILE)) {
$stat = fs_stat(CACHE_FILE);
$mtime = $stat[9];
if (time() - $mtime < CACHE_EXPIRED) {
$rebuild = 0;
}
}
if ($rebuild) {
scanAlbums();
saveCache();
} else {
readCache();
}
$album = chooseAlbum();
if ($album) {
$index = choosePhoto($album);
}
if (isset($index)) {
$id = $album->getPhotoId($index);
$content = "<p align='center'><br />"
."<a href=" .makeAlbumUrl($album->fields["name"], $id)
."align='middle'" ."/>"
.$album->getThumbnailTag($index)
."</a></p>";
} else {
$content = "No photo chosen.";
}
/*
* --------------------------------------------------
* Support functions
* --------------------------------------------------
*/
function saveCache() {
global $cache;
if ($fd = fs_fopen(CACHE_FILE, "w")) {
foreach ($cache as $key => $val) {
fwrite($fd, "$key/$val\n");
}
fclose($fd);
}
}
function readCache()
{
global $cache;
if ($fd = fs_fopen(CACHE_FILE, "r"))
{
while ($line = fgets($fd, 4096))
{
list($key, $val) = explode("/", trim($line));
$cache[$key] = $val;
}
fclose($fd);
}
}
function choosePhoto($album) {
global $cache;
$count = $cache[$album->fields["name"]];
if ($count == 0) {
// Shouldn't happen
return null;
} else if ($count == 1) {
$choose = 1;
} else {
$choose = rand(1, $count);
$wrap = 0;
if ($album->isHidden($choose)) {
$choose++;
if ($choose > $album->numPhotos(1)) {
$choose = 1;
$wrap++;
if ($wrap = 2) {
return null;
}
}
}
}
return $choose;
}
function chooseAlbum() {
global $cache;
/*
* The odds that an album will be selected is proportional
* to the number of (visible) items in the album.
*/
$total = 0;
foreach ($cache as $name => $count) {
if (!$choose) {
$choose = $name;
}
$total += $count;
if ($total != 0 && ($total == 1 || rand(1, $total) <= $count)) {
$choose = $name;
}
}
if ($choose) {
$album = new Album();
$album->load($choose);
return $album;
} else {
return null;
}
}
function scanAlbums() {
global $cache;
global $gallery;
$cache = array();
$everybody = $gallery->userDB->getEverybody();
$albumDB = new AlbumDB();
foreach ($albumDB->albumList as $tmpAlbum) {
if ($everybody->canReadAlbum($tmpAlbum)) {
$seeHidden = $everybody->canWriteToAlbum($tmpAlbum);
$numPhotos = $tmpAlbum->numPhotos($seeHidden);
$name = $tmpAlbum->fields["name"];
if ($numPhotos > 0) {
$cache[$name] = $numPhotos;
}
}
}
}
?>
<?php
/********************************************************************
****/
/* PHP-NUKE: Web Portal System
*/
/* block-PHPNuke.php / Nuke - Links
*/
/* copyright Matthias Erker 2003 http://www.mattinet.de
*/
/* keine Installation notwendig / very simple only copy to blocks
*/
/********************************************************************
****/
if (eregi("block-PHPNuke.php",$PHP_SELF)) {
Header("Location: index.php");
die();
}
global $prefix, $dbi;
$content = "";
$result = sql_query("select sitename, headlinesurl from
".$prefix."_headlines order by sitename", $dbi);
while(list($sitename, $headlinesurl) = sql_fetch_row($result, $dbi))
{
$teststring = substr($headlinesurl,7,strlen($headlinesurl));
$slashpos = strpos($teststring,"/") + 7;
$headlinesurl = substr($headlinesurl,0,$slashpos);
$content .= "<strong><big>·</big></strong> <a
href=\"$headlinesurl\" target=\"_new\">$sitename</a><br>";
}
?>

Dasar Dasar HTML

Diunggah oleh

Informasi Dokumen

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Dasar Dasar HTML

Diunggah oleh

Hak Cipta:

Format Tersedia

NAMA : MASKUN

Prog. Study : TEHNIK INFORMATIKA

UNIVERSITAS INDRA PRASTA PGRI

Struktur dasar HTML

HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang

Sebuah halaman web minimal mempunyai empat buat tag, yaitu :

<HTML> Sebagai tanda awal dokumen HTML.

<TITLE>Tips HTML -- www.klik-kanan.com</TITLE>

Sebuah contoh sederhana dokumen HTML :

Letakkan text, images, dan link Anda di sini

Headers: <Hn>..</Hn> Digunakan untuk mengatur ukuran huruf pada header.

Hasilnya akan terlihat seperti :

Line Break: <BR> Digunakan untuk pindah ke baris baru.

SIZE: Ukuran font yang digunakan, berkisar antara 1 - 7 dengan 1 merupakan

<FONT SIZE=4 FACE="Verdana, Arial, Helvetica" COLOR="#FF0000">Contoh

Hasilnya akan terlihat seperti :

Contoh teks yang berwarna merah

<FONT SIZE=2 FACE="Times_New_Roman" COLOR="#0066CC">

Base Font: <BASEFONT> Digunakan untuk mendefinisikan "default text".

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

Perhatian : Semua tag di bawah ini membutuhkan tap penutup.

<B> Bold text

<CITE> Digunakan untuk quoting text

Terdapat tiga tipe list yang dapat digunakan, yaitu :

Hasil dari kode di atas adalah:

<UL COMPACT TYPE=square> …

Hasil dari kode di atas adalah :

Untuk TYPE Anda dapat juga menggunakan :

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

Definition Lists: <DL>

Hasil dari kode di atas adalah :

<IMG SRC="logo.gif" alt="Ini adalah logo halaman pembuka" width=200

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

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

<TABLE align="center" bgcolor="#0000FF" border="2" cellpadding="5"

<TR align="right" bgcolor="#0000FF" valign=top>

<TD align="right" background="back.gif" bgcolor="#0000FF" colspan="3"

<table width="100" border="0" cellspacing="0" cellpadding="0">

<applet> Sebagai awal dari Java applets

<b> Membuat teks tebal

<bgsound> Memberi (suara latar) background sound pada halaman web

<big> Memperbesar ukuran teks sebesar satu point dari defaultnya

<blink> Membuat teks berkedip

<br> Pindah baris

<caption> Membuat caption pada tabel

<center> Untuk perataan tengah terhadap teks atau gambar

<dd> Indents teks

<div> Represents different sections of text.

<embed> Menambahkan sound or file avi ke halaman web

<fn> Seperti tag <a name>

<form> Mendefinisikan input form

<frame> Mendefinisikan frame

<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame

<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

<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