Pak MOEN

Membuat Buku Tamu

Membuat Buku Tamu

Masih dalam perbaikan

<div style="font-family: Verdana,sans-serif;">

</div>
<div class="style3" style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><b>OBJEKTIF:</b><br />
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan
element-element untuk menghubungkan ke internal atau eksternal halaman web.</span></div>
<div class="style3" style="font-family: Verdana,sans-serif;">
<br /></div>
<div class="style3" style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><b>MATERI:</b><br />
Element A<br /><br /><br /><b>ELEMENT A</b></span>

<span style="font-size: x-small;"><br />
Element A befungsi untuk menghubungkan ke internal ataupun eksternal
halaman web. Element ini mempunyai attribute href, name, dan target. 
Attribute href berfungsi sebagai hypertext reference yang mempunyai nilai URI
(uniform resource identifier) yang akan menghubungkan ke eksternal halaman web.
Attribute name berfungsi untuk menghubungkan ke tempat tujuan dalam halaman web
(anchor). Attribute target berfungsi untuk menampilkan halaman web pada suatu
jendela frame atau jendela baru.<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<a href="url" name="name"
target="_blank"|"parent"|"_top"|"_self"><br />
   ...........................<br />
</a></span></div>

Hyperlink HTML

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menghubungkan ke internal ata...

Gambar HTML

</div>
<div class="style3" style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><b>OBJEKTIF:</b><br />
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan
element-element untuk menampilkan gambar.</span></div>
<div class="style3" style="font-family: Verdana,sans-serif;">
<br /></div>
<div class="style3" style="font-family: Verdana,sans-serif;">
<span style="font-size: x-small;"><b>MATERI:</b><br />
Element IMG (Image)<br /><br /><br /><b>ELEMENT IMG</b></span>

<span style="font-size: x-small;"><br />
Element IMG befungsi untuk menampilkan gambar. Element ini tidak mempunyai tag
penutup dan mempunyai attribute yaitu align, alt (teks alternatif jika gambar
tidak tampil), border, height, width, hspace (jarak kosong
posisi horizontal, vspace (jarak kosong posisi vertikal), src (lokasi dari
gambar itu disimpan beserta nama file-nya).<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<img <br />
 
 align="left"|"right"|"top"|"middle"|"bottom"<br />
   alt="text"<br />
   border="pixel"<br />
   width="pixel"|"%"<br />
   height="pixel"|"%"<br />
   hspace="pixel"<br />
   vspace="pixel"<br />
   src="url"></span></div>

Gambar HTML

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk menampilkan gambar. MATER...

Format Teks HTML

<div style="font-family: Verdana,sans-serif; text-align: justify;">

</div>
<div class="style3" style="font-family: Verdana,sans-serif; text-align: justify;">
</div>
<div class="style3" style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: x-small;"><b>OBJEKTIF:</b><br />
Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan
element-element untuk pemformatan teks.</span></div>
<div class="style3" style="font-family: Verdana,sans-serif; text-align: justify;">
<br /></div>
<div class="style3" style="font-family: Verdana,sans-serif; text-align: justify;">
<span style="font-size: x-small;"><b>MATERI:</b><br />
Element BR(line break), Element P(paragraph), Element H1,H2,H3,H4,H5,H6(header),
Element B(bold), Element I(italic), Element U(underline), Element
PRE(preformated text), Element CENTER, Element BASEFONT, Element FONT, Element
HR(horizontal rule)<br /><br /><br />
<b>ELEMENT BR (Line Break)</b></span><b>

</b><span style="font-size: x-small;"><br />
Element BR berfungsi untuk ganti baris. Dan element BR ini tidak mempunyai tag
penutup.<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<br><br /><br /><br />
<b>ELEMENT P (Paragraph)</b></span><b>

</b><span style="font-size: x-small;"><br />
Element P berfungsi untuk ganti paragraf yang diikuti dengan baris kosong di
awal dan akhir paragraf. Tag penutup </p> sifatnya optional jika suatu
paragraf diikuti oleh paragraf berikutnya. Jika tag </p> diabaikan, maka
paragraf itu tidak akan diikuti dengan baris kosong di akhir paragraf.<br />
Element P mempunyai attribute yaitu align yang bernilai "left", "center",
"right" yang menspesifikasikan posisi tepi horizontal dari paragraf
(default: "left").<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<p align="left"|"center"|"right"><br />
      ..........................<br />
</p><br /><br /><br />
<b>ELEMENT H1,H2,H3,H4,H5,H6 (Header)</b></span><b>

</b><span style="font-size: x-small;"><br />
Element H1,H2,H3,H4,H5,H6 berfungsi untuk membuat header dengan format 6 jenis
ukuran huruf  dan tercetak tebal. Nilai ukuran huruf terbesar adalah H1
dan terkecil adalah H6. Element ini mempunyai attribute yaitu align yang
bernilai "left", "center", "right" yang
menspesifikasikan posisi horizontal dari header (default:
"left").<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<hx align="left"|"center"|"right"><br />
      ..........................<br />
</hx><br /><br />
x : 1 ... 6</span>
<span style="font-size: x-small;"><br /><br /><br />
<b>ELEMENT B (Bold)</b></span><b>

</b><span style="font-size: x-small;"><br />
Element B berfungsi untuk membuat tampilan teks tercetak tebal (bold).<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<b><br />
      ..........................<br />
</b><br /><br /><br />
<b>ELEMENT I (Italic)</b></span><b>

</b><span style="font-size: x-small;"><br />
Element I berfungsi untuk membuat tampilan teks tercetak miring (italic).<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<i><br />
      ..........................<br />
</i><br /><br /><br />
<b>ELEMENT U (Underline)</b></span><b>

</b><span style="font-size: x-small;"><br />
Element U berfungsi untuk membuat tampilan teks tercetak garis bawah
(underline).<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<u><br />
      ..........................<br />
</u><br /><br /><br />
<b>ELEMENT PRE (Preformated text)</b></span><b>

</b><span style="font-size: x-small;"><br />
Element PRE berfungsi untuk menampilkan teks seperti apa adanya.<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<pre><br />
      ..........................<br />
</pre><br /><br /><br />
<b>ELEMENT CENTER </b></span><b>

</b><span style="font-size: x-small;"><br />
Element CENTER berfungsi untuk menampilkan teks dengan posisi horizontal
ditengah.<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<center><br />
      ..........................<br />
</center><br /><br /><br />
<b>ELEMENT BASEFONT</b></span><b>

</b><span style="font-size: x-small;"><br />
Element BASEFONT berfungsi untuk merubah dasar ukuran huruf tampilan dari web
browser. Attribute dari element ini adalah size yang merupakan ukuran
 huruf dengan nilai "1" sampai dengan "7" pixel, atau
berupa ukuran relatif ( + atau - ), default nya adalah "3" pixel.
Element ini tidak mempunyai tag penutup.<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<basefont size="pixel"><br />
<br /><br />
<b>ELEMENT FONT </b></span><b>
</b><span style="font-size: x-small;"><br />
Element FONT berfungsi untuk merubah jenis, ukuran dan warna dari tampilan
huruf. Element ini mempunyai attribute color untuk merubah warna huruf, face
untuk merubah jenis huruf (jika lebih dari satu jenis huruf, harus dibatasi
dengan koma), dan size untuk merubah ukuran huruf (pixel).<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<font color="warna" face="font" size="pixel"><br />
      ..........................<br />
</font><br /><br /><br />
<b>ELEMENT HR (Horizontal Rule)</b></span><b>

</b><span style="font-size: x-small;"><br />
Element HR berfungsi untuk membuat suatu garis horizontal. Element ini tidak
mempunyai tag penutup dan mempunyai attribute align untuk menempatkan posisi
secara horizontal ("left", "center", "right"), size
untuk ukuran ketebalan garis ("pixel"), width untuk ukuran panjang
garis ("persen"), dan noshade (garis solid).<br /><br />
Sintaks:</span>
<span style="font-size: x-small;"><br />
<hr align="left"|"center"|"right"
size="pixel" width="persen" noshade></span></div>

Format Teks HTML

OBJEKTIF: Setelah mempelajari materi ini diharapkan anda dapat memahami penggunaan element-element untuk pemformatan teks. MATER...

Nonton TV

Nonton TV

-->

Struktur Dasar HTML

<div style="font-family: Verdana,sans-serif;">
</div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;">Struktur dasar HTML (Hypert Text Markup
Language) merupakan bahasa pemrograman yang digunakandalam pembuatan halaman
web. Dalam penggunaannya sebagian besar kode HTML tersebutharus terletak di
antara tag kontainer. Yaitu diawali dengan <namatag> dandiakhiri dengan
</namatag> (terdapat tanda /).</span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;">Sebuah halaman web minimal mempunyai empat buat
tag, yaitu :</span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><b><HTML></b>
Sebagai tanda awal dokumen HTML.</span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><b><HEAD></b>
Sebagai informasi page header. Di dalam tag ini kita bisa meletakkan tag-tag
TITLE, BASE, ISINDEX, LINK, SCRIPT, STYLE & META.</span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><b><TITLE></b>
Sebagai titel atau judul halaman. Kalimat yang terletak di dalam tag iniakan
muncul pada bagian paling atas browser Anda (pada title bar).</span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;">Contoh :<TITLE>Desain Website
Pribadiku</TITLE></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><b><BODY></b>
Di dalam tag ini bisa diletakkan berbagai page attribute seperti warnalatar
belakang, warna teks, warna link, warna visited link, warna active link
danlain-lain.Atribut :BGCOLOR, BACKGROUND, TEXT, LINK, VLINK, ALINK, LEFTMARGIN
& TOPMARGIN.</span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;">Contoh :<BODY bgcolor=#000000 background=images/pcb.gif
text=#FFFFFF link=#FF0000</span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"> vlink=#FFFF00 alink=#0000FF></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;">Sebuah contoh sederhana dokumen HTML </span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><br /></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><HTML></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><HEAD><TITLE>Halaman
pembuka</TITLE></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"></HEAD></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"><BODY ></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify; text-indent: 0.5in;">
<span style="font-size: x-small;">Letakkan text, images, dan link
Anda di sini</span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"></BODY></span></div>
<div class="MsoNormal" style="font-family: Verdana,sans-serif; line-height: normal; margin-bottom: 0in; text-align: justify;">
<span style="font-size: x-small;"></HTML></span></div>

Struktur Dasar HTML

Struktur dasar HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakandalam pembuatan halaman web. Dalam penggunaa...