<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>
Rabu, 29 Oktober 2014
LATIHAN HTML (MEMBUAT TABEL)
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>
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>
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>
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>
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>
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>
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>
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)
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.
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 –>
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>
Sintaks : <P> </P>
13. <DD>
Perintah ini digunakan untuk membuat
teks atau sebuah paragraph agak masuk ke dalam.
Sintaks : <DD>
Sintaks : <DD>
14. BASEFONT
Perintah ini digunakan untuk
mengubah ukuran font.
Contoh :
<HTML>
<HEAD><TITLE> </TITLE></HEAD>
<BODY>
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>
<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>
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>
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>
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
Langganan:
Postingan (Atom)