.:: Selamat Datang Semoga Blog Ini Bermanfaat Bagi Pengunjung Sekalian ::.

Rabu, 24 November 2010

Capture Tugas Teknik Pemodelan dan Simulasi (Content 5)

Gambar. Content 5

.:: Contoh soure code HTML gambar content 5 ::.

<html>
<head>
<! Bagian dari dokumen HTML>
<title>Tabel</title>
</head>
<body bgcolor=#585858>
<center>
<h1><font face=Georgia color=#009fff>Tabel</font></h1>

<table border width=70% align=center>

 
<caption><b>Judul Tabel</b></caption>

<tr>
<th>Baris 1 Kolom 1</th>
<th colspan=2>Baris 1 Kolom 2-3</th>
</tr>
<tr>
<th>Baris 2 Kolom 1</th>
<td rowspan=2>Baris 2-3 Kolom 2</td>
<td>Baris 2 Kolom 3</td>
</tr>
<tr>
<th>Baris 3 Kolom 1</th>
<td>Baris 3 Kolom 3</th>
</tr>
<tr>
<td align=left>Left</td>
<td align=center>center</td>
<td align=right>right</td>
</tr>
<tr height=50%>
<td valign=top>top</td>
<td valign=middle>middle</td>
<td valign=bottom>bottom</td>
</tr>

</table>

<center>

<hr size=5 width=20% color=green>


<address>
Nama = Abdurrahman Latif <br>
Tempat Tanggal Lahir = Jakarta, 26 Januari 1990 <br>
Alamat= Jl. Baratasena II Blok BB 4 No.19 <br>
Ciputat - Tangerang Selatan <br>
021-74705059 <br>
021-91167920 <br>
japan_script@yahoo.com <br>
latif-frontline.blogspot.com <br>
</address>

<hr size=5 width=30% color=red>
</center>
</body>
</html>

Capture Tugas Teknik Pemodelan dan Simulasi (Content 4)

Gambar. Content 4






.:: Contoh soure code HTML gambar diatas :

<html>

<head>

<! Bagian dari dokumen HTML>

<title>Gambar Dalam Web Page</title>

</head>

<body bgcolor=#585858>

<! Isi dari dokument HTML>

<h1 align=center><font color=#009fff>Gambar</font></h1>

<p><font face=courier color=#009fff>Anda dapat menambahkan gambar <img width=50 src="Wanted.jpg"> didalam semua web page anda. Gambar ini akan berada disebelah kiri dan kanan eks yang ada</font><br>

<p><img align=left width=50 src="Wanted.jpg"><font face=courier color=#009fff>Gunakan Attribut ALIGN=LEFT jika anda ingin meletakkan gambar disebelah kiri teks Anda seperti pada contoh ini.</font><br>

<p><img align=right width=50 src="Wanted.jpg"><font face=courier color=#009fff>Gunakan Attribut ALIGN=RIGHT jika anda ingin meletakkan gambar disebelah kiri teks Anda seperti pada contoh ini.</font><br>

<p><font face=courier color=#009fff>ALIGN=TOP Teks rata dengan bagian atas <img align=top width=50 src="Wanted.jpg"> gambar.</font>

<p><font face=courier color=#009fff>ALIGN=MIDDLE Teks rata dengan bagian tengah <img align=middle width=50 src="Wanted.jpg"> gambar.</font>

<p><font face=courier color=#009fff>ALIGN=BOTTOM Teks rata dengan bagian bawah <img align=bottom width=50 src="Wanted.jpg"> (default).</font>

<hr size =2 color=red>

<h2><font color=#009fff>WIDTH dan HEIGTH</font></h2>

<img width=80 heigth=80 align=left src="Wanted.jpg"> WIDTH=80<br><br><br>HEIGTH=80

<hr size =2 color=red>

<h2><font color=#009fff>ALT</font></h2>

<img src="Wanted.jpg" align=middle width=80 heigth=80 alt="Gambar Aku">

<hr size =2 color=red>

<dl>
<dt><img src="Wanted.jpg" width=50>Menu Satu
<dt><img src="Wanted.jpg" width=50>Menu Dua
<dt><img src="Wanted.jpg" width=50>Menu Tiga
<dt><img src="Wanted.jpg" width=50>Menu Empat
</dl>

<center>

<hr size=5 color=green width=40%>
<address>
Abdurrahman Latif<br>
JL. Bratasena II Blok BB 4 No.19 Perum. Reni Jaya Pamulang<br>
Ciputat - Tangerang Selatan<br>
Phone : 021-91167920<br>
E-mail : japan_script@yahoo.com<br>
</address>

<hr size=5 color=red width=60%>
</center>
</body>
</html>

Jumat, 05 November 2010

Membuat Page Intro pada Web

.:: Contoh soure code HTML :

<html>
<head>

<!Bagian kepala dari dokumen HTML>

<title>Membuat Halaman Web Sediri</title>

</head>

<body bgcolor=#585858>

<h2 align=center><font face=courier color=#009fff>Membuat Homepage Dengan HTML</font></h2>

<! Isi dari dokumen HTML>
<b><i><u>Membuat sebuah halaman home page bukanlah suatu hal yang sulit dan rumit.</b></i></u>
Hanya dengan menggunakan
suatu program editor teks (seperti Notepad) dan sebuah browser (Internet Explorer, Mozilla atau Opera)
yang sudah tersedia bahkan dapat bahkan dapat di unduh dari internet.
<p> Hal terpenting yang perlu diketahui  adalah cara untuk membuat beberapa elemen HTML seperti paragraf, tabel, list (daftar), format teks,
teks hyperlink dan elemen lainnya yang akan digunakan sebagai simulasi.

<center>

<p>
<img width=250 src="Wanted.jpg">

<hr size=10 color=green width=40%>

<address>
Abdurrahman Latif<br>
JL. Bratasena II Blok BB 4 No.19 Perum. Reni Jaya Pamulang<br>
Ciputat - Tangerang Selatan<br>
Phone : 021-91167920<br>
E-mail : japan_script@yahoo.com<br>
</address>

<hr size=10 color=#DA0F0F width=60%>
</center>

</body>

</html>


.:: Hasil :
Hasil tampilan Source Code HTML

Selasa, 02 November 2010

Capture Tugas Teknik Pemodelan dan Simulasi

1. Page intro : Di halaman ini di jelaskan bagaimana membuat home page dengan HTML
Gambar. Page Intro











2. Page Content 2 : Di halaman ini berisi jenis-jenis format teks, ukuran teks dan ukuran font.
Gambar. Page Content 2









Gambar. Page Content 2









Gambar. Page Content 2









3. Page Content 3 : Di halaman ini berisi contoh-contoh number list dan bullet list

Gambar. Page Content 3