Halaman

Rabu, 29 Oktober 2014

LATIHAN HTML (MEMBUAT TABEL)

<html>
<head>
 <title>Latihan membuat tabel</title>
</head>
<body>
<left>
<h4>Buku besar kas</h4>
</left>
<table border="1" width="70%">
 <tr bgcolor="turqoise">
  <td align="center" valign="middle" rowspan="2">tgl</td>
  <td align="center" valign="middle" rowspan="2">keterangan</td>
  <td align="center" valign="middle" rowspan="2">debet</td>
  <td align="center" valign="middle" rowspan="2">kredit</td>
  <td align="center" valign="middle" colspan="2">saldo</td>
 </tr>
 <tr>
  <td align="center" valign="middle">debet</td>
  <td align="center" valign="middle">kredit</td>
 </tr>
 <tr>
  <td>2013/juni/15</td>
  <td>jurnal kas masuk</td>
  <td>Rp. 15.000.000</td>
  <td>-</td>
  <td>Rp. 15.000.000</td>
  <td>-</td>
 </tr>
 <tr>
  <td>2013/juni/18</td>
  <td>jurnal kas keluar</td>
  <td>-</td>
  <td>Rp. 3.000.000</td>
  <td>Rp. 12.000.000</td>
  <td>-</td>
 </tr>
 <tr>
  <td>2013/juni/20</td>
  <td>jurnal kas keluar</td>
  <td>-</td>
  <td>Rp. 2.000.000</td>
  <td>Rp. 10.000.000</td>
  <td>-</td>
 </tr>
</table>
</body>
</html>
 
  

Selasa, 07 Oktober 2014

Contoh HTML (tugas TIK)

<html>
<head>
 <title>Puisi karya Ilham</title>
</head>
<body>
<center>
<h1>Sang Bunga Merah</h1>
<h3>Karya: Ilham Aditya P</h3>
</center>
<br>
<left>
<font size="5" face="calibri" Color="Red">Saat itu aku melihatnya
<br>Sebuah bunga
<br>Aku melihatnya
<br>Dia berdiri di atas sana
</left>
<br>
<center>
<br>Kelopaknya warna merah, dia punya
<br>Manis madunya, dia punya
<br>Siapa lebah tak mau dekatnya
<br>tapi awas ada pemiliknya
</center>
<br>
<left>
<br>seorang pria
<br>hitam besar, tapi manusia
<br>Lebah seakan tak punya daya
<br>Saat didepannya
</left>
<br>
<center>
<br>Bunga itu, katanya
<br>Berleluhur asal timur tengah, katanya
<br>lebah mana tak mau dekatnya
<br>Dia terlihat begitu sempurna
</center>
<br>
<left>
<br>Di saat setelah itu pula
<br>Aku sadar kalau dia
<br>Bunga pemangsa serangga
<br>Bukan serangga saja yang ia mangsa
<br>tetapi si Hitam pemiliknya
<br>Juga ia mangsa
</left> </font>
</body>
</html>
 
 Dan jika sudah selesai, disimpan dengan format "HTML", maka jika dibuka filenya akan seperti ini: 
 
 

Jumat, 03 Oktober 2014

Perintah dan Fungsi Tag pada HTML (tugas TIK kelas 12 SMAN 1 Kuningan)

Berikut ini adalah perintah-perintah HTML untuk penanganan TEKS :


1. <H1> Sampai <H6>
fungsi  : untuk membuat (memilih) ukuran teks.
Sintak  : <H1>             </H1>
Contoh
<HTML>
<HEAD><TITLE>Contoh Heading</TITLE></HEAD>
<BODY>
<H1> Teks dengan Heading 1</H1>
<H2> Teks dengan Heading 2</H2>
<H3> Teks dengan Heading 3</H3>
<H4> Teks dengan Heading 4</H4>
<H5> Teks dengan Heading 5</H5>
<H6> Teks dengan Heading 6</H6>
</BODY>
</HTML>


2. <HR>
Perintah ini digunakan untuk
membuat garis horizontal penuh layar
Sintaks            : <HR>
Contoh            :
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>

<HR> Kalimat ini diapit oleh 2 buah garis<HR>
</BODY>
</HTML>

3. <I>
Perintah ini digunakan untuk membuat teks miring.
Sintaks            : <I>    </I>
Contoh
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>

<I> Selamat Datang Ke Websiteku</I>
</BODY>
</HTML>


4. <B>
Perintah ini digunakan untuk membuat teks tebal.
Sintaks            : <B>   </B>
Contoh
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>
<B> Selamat Datang Ke Websiteku</B>
</BODY>
</HTML>


5. <U>
Perintah ini digunakan untuk membuat teks bergaris bawah.
Sintaks            : <U>   </U>
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>
<U> Selamat Datang Ke Websiteku</U>
<U><B> Selamat Datang Ke Websiteku</U></B>
</BODY>
</HTML>


6. <CENTER>
Perintah ini untuk membuat teks ke tengah layar.
Sintaks            : <CENTER>  </CENTER>
Contoh            :
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>
<H1><CENTER> Selamat Datang Ke Websiteku</CENTER></H1>
</BODY>
</HTML>


7. ALIGN
Digunakan untuk membuat teks rata kiri, tengah, kanan atau rata kanan dan kiri.
Sintaks            :
<P ALIGN=right>      → Rata Kanan
<P ALIGN=left>        → Rata Kiri
<P ALIGN=center>   → Rata Tengah
<P ALIGN=justify>   → Rata Kanan dan Kiri
atau
<H ALIGN=right>
<H ALIGN=left>
<H ALIGN=center>
<H ALIGN=justify>
Contoh pemakaian :
<H2 ALIGN=center>SELAMAT DATANG </H2>
\

8. <BR> (Line Break)
Perintah ini digunakan untuk memasukan fungsi Enter. Sebagai contoh, jika perintah <BR> diberikan di akhir baris, maka kalimat berikutnya akan
dicetak pada baris berikutnya.


9. <!–
Perintah untuk membuat KOMENTAR. Semua teks atau perintah yang diapit perintah ini tidak akan dijalankan. Ini hanya komentar untuk program.
Sintaks            : <!–    –>
Contoh            : <!—Ini adalah contoh komentar –>


10. <SMALL>
Perintah untuk membuat teks berukuran kecil.


11. <BIG>
Perintah untuk membuat teks berukuran besar


12. <P> (Paragraph)
Perintah ini digunakan untuk memisahkan paragraph yang satu dengan paragraph yang lain.
Sintaks            : <P>   </P>


13. <DD>
Perintah ini digunakan untuk membuat teks atau sebuah paragraph agak masuk ke dalam.
Sintaks            : <DD>


14. BASEFONT
Perintah ini digunakan untuk mengubah ukuran font.
Contoh            :
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>


15. <BASEFONT SIZE=6>
Teks dengan ukuran 6 pt<BR>
<B>Teks dengan ukuran 6 pt dan tebal</B>

<BASEFONT SIZE=10>
<BR>
Teks dengan ukuran 10 pt

</BODY>
</HTML>


16. FONT
Juga untuk mengubah ukuran font, tetapi angka yang terdapat dalam SIZE yang merupkan ukuran font harus diberi tanda kutip.
FACE
Untuk mengubah jenis font
Contoh :
<HTML>
<HEAD><TITLE>     </TITLE>
</HEAD>
<BODY>

<FONT SIZE =”6” FACE=”Times New Roman”>
Teks dengan jenis font Times New Roman.
<FONT SIZE =”6” FACE=”Arial”>
Teks dengan jenis font Arial.

</BODY>
</HTML>


17. <SUP>
Perintah ini digunakan untuk membuat cetak naik suatu teks.
Contoh :
<HTML>
<HEAD><TITLE>     </TITLE>
</HEAD>
<BODY>

Kami adalah yang pertama : 1<SUP>st</SUP> in the world.

</BODY>
</HTML>



18. <SUB>
Perintah ini digunakan untuk membuat cetak turun suatu teks.
Contoh :
<HTML>
<HEAD><TITLE>     </TITLE></HEAD>
<BODY>

H<SUB>2</SUB>O (disebut air(

</BODY>
</HTML>
19. <UL>
Perintah <UL> (Unordered List) adalah perintah untuk membuat daftar (list).
20. <LI>
Perintah <LI> (List Item) adalah perintah untuk membuat daftar (list)
CATATAN : Perintah <LI> harus berada dalam perintah OL, UL, DIR, MENU.

Contoh            :
<HTML>
<HEAD><TITLE>     </TITLE>
</HEAD>
<BODY>

<UL>
<LI>
<H2>JAWA TIMUR</H2>
<UL>
<LI>SURABAYA</LI>
<LI>MALANG</LI>
<LI>GRESIK</LI>
</UL>
</LI>
<BR>
<LI>
<H2>JAWA BARAT</H2>
<UL>
<LI>BANDUNG</LI>
<LI>SUKABUMI</LI>
<LI>BOGOR</LI>
</UL>
</LI>
</BODY>
</HTML>


thanks
Sumber/dikutip dari: www.dfauzy.blogspot.com