Diberdayakan oleh Blogger.

Labels

Followers

Labels

Demo image Demo image Demo image Demo image Demo image >

Recent Post

World War Z (2013) BluRay 720p

Kariawan PBB Gerry Lane melintasi dunia dalam perlombaan melawan waktu untuk menghentikan Pandemik Zombie yang menjatuhkan tentara dan pemerintah, dan mengancam untuk menghancurkan kemanusiaan itu sendiri.

Star Trek Into Darkness (2013) BluRay 720p 5.1CH

Pada musim panas 2013, direktur perintis J. J. Abrams akan memberikan sebuah film thriller aksi ledakan yang mengambil 'Star Trek Ke Darkness.

TUNEUP UTILITIES 2014 14.0.1000.88 FINAL

lagi-lagi software utilities yang berguna untuk kenyamanan sobat dalam mengoperasikan komputer,artinya.. dengan software ini sobat dapat membersihkan REGISTRY ERROR, JUNK FILE, DEFRAG, , dan masih banyak lagi kelebihannya

Cascading Style Sheet (CSS)

CSS - Merupakan aturan untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam tentunya tanpa CSS website tidak akan memiliki tampilan yang rapi..

This is default featured slide 5 title

Go to Blogger edit html and find these sentences.Now replace these sentences with your own descriptions.

Senin, 29 September 2014

MODUL 2


A. Percobaan 1 (Hyperlink)


Halaman1.html




halaman2.html



Screenshot




B. Percobaan 2 (Form)

Form.html



Screenshot






C. Percobaan 3 (Animasi)


animasi.html


Seperti dibawah ini

teks ini berjalan





TUGAS

1. Gambar menuju link Yahoo




Screenshot







2. Funsi Tag dan atribut dibawah ini





Minggu, 21 September 2014

MODUL 1

1. Align

<HTML>
<HEAD>
<TITLE>Paragraf dan Align</TITLE>
</HEAD>
<BODY>
<P align="left">Format paragraf ini rata kiri</P>
<P align="right">Format paragraf ini rata kanan</P>
<P align="center">Format paragraf ini rata tengah</P>
<P align="justify>Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format pargraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.Format paragraf ini rata kanan-kiri.</P>
</BODY>
</HTML>


Screenshot






2. Daftar

<HTML>
<HEAD>
<TITLE>Bullets dan Numbering</TITLE>
</HEAD>
<BODY>
<P>Daftar menggunakan Bullets</P>
<ul type='circle'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ul>
<P>Daftar menggunakan Numbering (angka)</P>
<ol type='1'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
<P>Daftar menggunakan Numbering (angka)</P>
<ol type='a'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
<P>Daftar menggunakan Numbering (huruf romawi)</P>
<ol type='I'>
<li>Sunday</li>
<li>Monday</li>
<li>Tuesday</li>
</ol>
</BODY>
</HTML>


Screenshot







3. Dokumen

<HTML>
<HEAD><TITLE>Dokumen HTML</TITLE></HEAD>
<BODY bgcolor="skyblue">
Ini adalah sebuah dokumen HTML dengan judul "Dokumen HTML" dan warna latar/background biru langit.
Terimakasih
</BODY>
</HTML>

 Screenshot







4. Font 

<HTML>
<HEAD>
<TITLE>Font</TITLE>
<BODY>
<FONT face='comic sans ms'>
Teks ini berukuran normal jenis Comic Sans MS dan warna hitam
</FONT></BR>
<FONT size='5' face='verdana' color='red'>
Teks ini berukuran 5 jenis Verdana dan warna merah
</FONT></BR>
Teks cetak <b>Tebal</b>
<i>Miring</i>
<u>Garis Bawah</u>
<strike>Garis tengah</strike>
<sup>Superscript</sup> dan
<sub>Subscript</sub>
</FONT>
</BODY>
</HTML>


Screenshot








5. Gambar

<HTML>
<HEAD><TITLE>Gambar</TITLE></HEAD>
<BODY>
<p><img src='gambar.jpg' height='100' width='100'>
Peralatan teks dibawah secara default dan gambar asli ukuran dengan ukuran 100 x 100 pixel</p>
<p><img src='gambar.jpg' height='100' width='100'
align='top' border='2'>Perataan teks di atas dan border gambar 2 pixel</p>
<p align='center'><img src='gambar.jpg' height='100' width='100'>
align='middle'>Perataan teks di tengah</br>dan letak gambar di tengah dokumen</p>
</BODY>
</HTML>

- Letakkan gamabar dalam satu folder dengan script html. Beri nama gambar dengan "gambar.jpg"

  Screenshot







6. Heading

<HTML>
<HEAD><TITLE>Heading</TITLE></HEAD>
<BODY>
<h1>Teks dengan ukuran heading one</h1>
<h2>Teks dengan ukuran heading two</h2>
<h3>Teks dengan ukuran heading three</h3>
<h4>Teks dengan ukuran heading four</h4>
<h5>Teks dengan ukuran heading five</h5>
<h6>Teks dengan ukuran heading six</h6>
</BODY>
</HTML>

 Screenshot








7.  Multilevel

<html><head>
<title> Germanic Languanges </title>
</head>
<ul>
<li>West Germanic Languanges</li>
<ul><li>English</li>
<ul><li>British</li>
<ul><li>BBC</li>
<li>Cockey</li>
<li>Dubliner</li>
</ul>
<li>American</li>
<ul><li>Newscaster</li>
<li>Drawl</li>
<li>Jive</li>
</ul></ul>
<li>Dutch</li>
<ul><li>Hollander</li>
<li>Flemis</li>
<li>Afrikans</li>
</ul>
</ul></ul>
</body></html>

Screenshot







8. Table 
 
<HTML>
<HEAD>
<TITLE>Table</TITLE></HEAD>
<BODY>
Tabel biasa
<table border="1">
<tr>
<td>cell 1a</td>
<td>cell 1b</td>
<td>cell 1c</td>
</tr><tr>
<td>cell 2a</td>
<td>cell 2b</td>
<td>cell 2c</td></tr></table>
Colspan
<table border="1">
<tr>
<td colspan="3" align="center">Quarter 1</td></tr>
<tr align="center">
<td>Jan</td>
<td>Feb</td>
<td>Mar</td></table>
Rowspan
<table border="1">
<tr>
<td rowspan="3" align="center">Quarter 1</td>
<td>Jan</td>
</tr>
<tr>
<td>Feb</td>
</tr>
<tr>
<td>Mar</td>
</tr>
</table>
</font></BODY></HTML>

Screenshot

TUGAS MODUL 1