<html>
<head><title> Latihan1 </title>
<table border="7">
<tr>fdg
</head>
<td colspan="3"><h3> header </h3> </td>
</tr>
<tr>fg
<td><a href="http://www.yahoo.co.id"> yahoo </a>
</tr>
<tr> fdgd<td colspan="3"> <h1>
<bagian body </h1> </td> </tr>
</table>
<TABLE BORDER=1 WIDTH=100%>
<TR>
<TD>kolom 1 dari baris 1</TD>
<TD>kolom 2 dari baris 1</TD>
</TR>
<TR>
<TD>kolom 1 dari baris 2</TD>
<TD>kolom 2 dari baris 2</TD>
</TR>
</TABLE>
<body bgcolor="black" TEXT="red"> <a href="http://www.clickbank.com"> <img src="21.jpg" border="0" width="333" height="222"> </a>
<p> Tulisan ini akan tampak dalam browser
Apakah tag BODY fungsinya sekedar penanda tubuh atau isi dari dokumen web? Tidak, dalam tag BODY ini bisa kita sisipkan bermacam-macam atribut yang akan berpengaruh terhadap format atau tampilan halaman web secara keseluruhan. Pada kesempatan ini kita mengambil contoh bagaimana mengubah warna latar belakang dan warna tulisan dari halaman web dengan penambahan atribut ke dalam tag BODY.
Sekarang lihatlah kembali browser anda yang sedang menampilkan file latih1 tadi. Klik menu View lalu Source. Dengan instruksi ini akan muncullah program Notepad yang di dalamnya tampak source code atau kode-kode HTML yang tadi anda buat. Misalnya kita akan menjadikan halaman web latih1 ini menjadi berwarna latar belakang kuning dengan tulisan berwarna merah. Untuk itu, kita perlu menambahkan atribut BGCOLOR dan TEXT ke dalam tag body sebagai berikut:</p>
<p align="right"> Simpanlah kembali file ini (klik File lalu Save). Untuk melihat bagaimana hasilnya, pergilah lagi ke program browser yang menampilkan halaman web latih1 tadi. Klik menu View lalu Refresh atau klik tombol Refresh pada toolbar atau bisa juga dengan menekan tombol F5 pada keyboard. Dengan demikian, browser akan memanggil ulang file latih1 yang kini sudah mengalami perubahan. Maka akan tampaklah hasilnya:</p>
<p align="center"> <i> <u> <B>
Ada tiga macam tipe tulisan yang paling sering digunakan dalam penulisan dokumen apa saja. Ketiga tipe tersebut ialah tulisan tebal, tulisan miringdan tulisan bergaris bawah. Bisa pula dua tipe huruf dipadukan misalnya tulisan tebal dan miring, tulisan tebal dan bergaris bawah atau tulisan miring dan bergaris bawah. Bahkan bisa pula ketiga tipe tulisan tersebut sekaligus bergabung menjadi satu berupa tulisan tebal, miring dan bergaris bawah.</font>
<font face="comic sans" size="8" color="white"> <h6>Bagaimana caranya? Bukalah source code dari dokumen tadi (tekan F5), kemudian tambahkan tag-tag berikut. Tag-tag tersebut adalah <B> untuk menebalkan (bold) tulisan, <I> untuk memiringkan (italic) tulisan dan <U> untuk menggaris-bawahi (underline) tulisan:</I> </U> </B> </h6>
<marque> <b> program html pertamaku </b> </marque>
<P align="right" font face="tahoma" color="green" size="10"> senyuman</P>
<img align="center" src="dragon_black.jpg" width="1024" height="768">
<H1> lihat kamu kelilipan rindu http://images2.layoutsparks.com/1/189025/dragon-heart-blue-design-31000.jpg
</H1>
<a href="http://www.facebook.com">disimi</a>
</body>
<html>
Tidak ada komentar:
Posting Komentar