Minggu ke 2
Latihan Teori Minggu ke-2
code HTML nya:
<html>
<head>
</head>
<body bgcolor="orange">
<div align="center"><b><h1><u>Welcome to The Front Page</b></h1></u></div><br>
H<sup>2</sup>C<sup>4</sup>
<hr>
<div align="center"><font color="green"><b>Joomla! Community Center</b></div></font>
<br>
<pre>
written by <b><i>adminstrator</i></b>
</pre>
<h2><b>Wednesday, 18 February 2009</h2></b><br>
<pre><font face="times new roman" size="3">
The <b>Joomla!</b> Community Portal is now online. There you will find a
constant source of information about the activities of contributor powering the <b>Joomla!</b> project. Learn about <b>Joomla!</b> event worldwide, and see is there is a <b>Joomla!</b>
User group nearly.<br>
The <b>Joomla!</B> Community Magazine promises an interesting overview of feature articles, community accomplishments, learning topics, and project updates each month.
also, check out JoomlaConnect<sup>TM</sup>. This aggregated RSS feed brings together <b>Joomla!</b> news from all over the world in your language. Get the latest and greatest by
clicking here.
</pre></font>
<hr>
<hr align="center" width="50%" size="20" color="red">
<div align="center"><font>© Nama-NRP</font><br>
S<sup>e</sup>K<sup>i</sup>A<sub>N</sub>
</body>
</html>
Latihan Praktikum:
Code HTML nya:
<HTML>
<BODY background="hehe.jpg">
<H2 Align="Center"> <b><u> HTML</u> Color Themes</b><h2>
<hr color="grey">
<H2 align="center" <font color="orange"><b> Mari Kita <u>Belajar</u> Membuat Halaman <u> HTML</u></b></font></h2>
<br>
<pre>
<Font size="5" face="Times New Roman"> M. ari
B.elajar
M. Membuat
S. ebuah
H. alaman
W. eb
Y. ang
M. enarik !</font></pre>
<hr color="blue">
<center><font color="White"><b>
© NRP - NAMA - <a href=<xxxxxxx@ mail.com" target="_blank"> xxxxxx@ mail.com</a><br>
Kelas Pemrograman web Genap 2009/2010<br>
<Font size="5"> <b>Fandy -Bakti Jean Yoke<b> </font><br></bf
</font></center>
</pre>
</body>
</html>
Bahan Materi Minggu ke-2
Mengenal Tag <MARQUEE>
Code HTML nya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<FONT SIZE="7" COLOR="BLUE">
<MARQUEE DIRECTION="RIGHT">
Mbah Boedy
</MARQUEE>
</FONT>
</BODY>
</HTML>
Menyisipkan file gambar sebagai background:
ternyata tinggal memasukkan kata : background="gambar.ekstensinya" di <body>. Seperti ini :
contoh:
<html>
<head>
<title>background bergambar</tittle>
</head>
<body background="gambar.png">
Mengenal Tag <IMG>
Tag ini bermanfaat untuk menyisipkan gambar dalam file .html bisa di atur panjang dan lebar gambar tersebut.
contoh code HTML nya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Gambar 1
<IMG SRC="pic1.jpg">
Bunga Matahari
</BODY>
</HTML>
Mengenal Tag Table
Untuk membuat tabel pada suatu dokumen HTML akan melibatkan beberapa tag seperti <TABLE>,
<CAPTION>, <TR>, <TH>, dan <TD>.
Tag <TABLE> digunakan sebagai penanda dimulai dan diakhirinya suatu tabel.
Tag <TR> digunakan untuk membuat baris / row baru.
Tag <TH> digunakan untuk membuat judul kolom / baris
Tag <TD> digunakan untuk mengisikan data pada suatu cell.
contoh:
code HTML nya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<TABLE>
<CAPTION>Tabel Keahlian</CAPTION>
<TR><TH>Nama</TH><TH>Keahlian</TH></TR>
<TR><TD>Superman</TD><TD>Bisa Terbang</TD></TR>
<TR><TD>Spiderman</TD><TD>Bisa Panjat Dinding</TD></TR>
<TR><TD>Mbah Boedy</TD><TD>Bisa Ngajar :)</TD></TR>
</TABLE>
</BODY>
</HTML>
Untuk
Untuk mengganti warna latar pada suatu table dapat dilakukan dengan mengatur attribut BGCOLOR
pada tag <TABLE> dan untuk mengatur ketebalan garis tepi dari suatu table dapat dilakukan dengan
mengatur atribut BORDER pada tag <TABLE>.
contoh:
code HTML nya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<TABLE BGCOLOR="yellow" BORDER="5">
<CAPTION>Tabel Keahlian</CAPTION>
<TR><TH>Nama</TH><TH>Keahlian</TH></TR>
<TR><TD>Superman</TD><TD>Bisa Terbang</TD></TR>
<TR><TD>Spiderman</TD><TD>Bisa Panjat Dinding</TD></TR>
<TR><TD>Mbah Boedy</TD><TD>Bisa Ngajar :)</TD></TR>
</TABLE>
</BODY>
</HTML>
Mengenal Link / Hyperlink
Link / Hyperlink dalam dokumen HTML digunakan untuk berpindah dari suatu halam ke halaman
lainnya. Tag yang berperan dalam membuat link adalah tag <A> atau yang biasa dikenal sebagai tag
anchor / jangkar. Tag <A> akan memiliki suatu atribut yang sangat penting yaitu atribut HREF yang
digunakan untuk menentukan halaman tujuan dari suatu link.
Pada contoh kali ini terdapat dua buah file dokumen HTML di mana pada masingmasing
dokumen
terdapat suatu link yang apabila dipilih (diklik) akan memanggil dokumen lainnya.
nama file: halaman1.html
contoh:
<HTML>
<HEAD>
<TITLE>Halaman Pertama</TITLE>
</HEAD>
<BODY>
<H1>Ini adalah halaman pertama</H1>
<A HREF="halaman2.html">Ke Halaman 2</A>
</BODY>
</HTML>
tidak hanya bisa di hyperlink ke document .html tapi juga bisa memanggil/hyperlink ke .img, folder, atau ekstensi lainnya.
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<FONT SIZE="7" COLOR="BLUE">
<MARQUEE DIRECTION="RIGHT">
Mbah Boedy
</MARQUEE>
</FONT>
</BODY>
</HTML>
Menyisipkan file gambar sebagai background:
ternyata tinggal memasukkan kata : background="gambar.ekstensinya" di <body>. Seperti ini :
contoh:
<html>
<head>
<title>background bergambar</tittle>
</head>
<body background="gambar.png">
Mengenal Tag <IMG>
Tag ini bermanfaat untuk menyisipkan gambar dalam file .html bisa di atur panjang dan lebar gambar tersebut.
contoh code HTML nya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
Gambar 1
<IMG SRC="pic1.jpg">
Bunga Matahari
</BODY>
</HTML>
Mengenal Tag Table
Untuk membuat tabel pada suatu dokumen HTML akan melibatkan beberapa tag seperti <TABLE>,
<CAPTION>, <TR>, <TH>, dan <TD>.
Tag <TABLE> digunakan sebagai penanda dimulai dan diakhirinya suatu tabel.
Tag <TR> digunakan untuk membuat baris / row baru.
Tag <TH> digunakan untuk membuat judul kolom / baris
Tag <TD> digunakan untuk mengisikan data pada suatu cell.
contoh:
code HTML nya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<TABLE>
<CAPTION>Tabel Keahlian</CAPTION>
<TR><TH>Nama</TH><TH>Keahlian</TH></TR>
<TR><TD>Superman</TD><TD>Bisa Terbang</TD></TR>
<TR><TD>Spiderman</TD><TD>Bisa Panjat Dinding</TD></TR>
<TR><TD>Mbah Boedy</TD><TD>Bisa Ngajar :)</TD></TR>
</TABLE>
</BODY>
</HTML>
Untuk
Untuk mengganti warna latar pada suatu table dapat dilakukan dengan mengatur attribut BGCOLOR
pada tag <TABLE> dan untuk mengatur ketebalan garis tepi dari suatu table dapat dilakukan dengan
mengatur atribut BORDER pada tag <TABLE>.
contoh:
code HTML nya:
<HTML>
<HEAD>
<TITLE>Ini Judul</TITLE>
</HEAD>
<BODY>
<TABLE BGCOLOR="yellow" BORDER="5">
<CAPTION>Tabel Keahlian</CAPTION>
<TR><TH>Nama</TH><TH>Keahlian</TH></TR>
<TR><TD>Superman</TD><TD>Bisa Terbang</TD></TR>
<TR><TD>Spiderman</TD><TD>Bisa Panjat Dinding</TD></TR>
<TR><TD>Mbah Boedy</TD><TD>Bisa Ngajar :)</TD></TR>
</TABLE>
</BODY>
</HTML>
Mengenal Link / Hyperlink
Link / Hyperlink dalam dokumen HTML digunakan untuk berpindah dari suatu halam ke halaman
lainnya. Tag yang berperan dalam membuat link adalah tag <A> atau yang biasa dikenal sebagai tag
anchor / jangkar. Tag <A> akan memiliki suatu atribut yang sangat penting yaitu atribut HREF yang
digunakan untuk menentukan halaman tujuan dari suatu link.
Pada contoh kali ini terdapat dua buah file dokumen HTML di mana pada masingmasing
dokumen
terdapat suatu link yang apabila dipilih (diklik) akan memanggil dokumen lainnya.
nama file: halaman1.html
contoh:
<HTML>
<HEAD>
<TITLE>Halaman Pertama</TITLE>
</HEAD>
<BODY>
<H1>Ini adalah halaman pertama</H1>
<A HREF="halaman2.html">Ke Halaman 2</A>
</BODY>
</HTML>
tidak hanya bisa di hyperlink ke document .html tapi juga bisa memanggil/hyperlink ke .img, folder, atau ekstensi lainnya.
diposting oleh PEMROGRAMAN WEB @ 22.57
0 Komentar
0 Komentar:
Posting Komentar
Berlangganan Posting Komentar [Atom]
<< Beranda