cekidoot!!!
kode HTML dibuat dengan menggunakan notepad biasa atau dengan notepad++, setelah diketik kodenya, simpan dengan "nama".htm. kemudian pada option save as type, pilih All program. Setelah itu jalankan dengan web browser.
Materi 1 praktikum P-web adalah "Teks dan image." berikut kode HTML beserta tampilannya...
HTML code: Ukuran font
<font color="red">jenis ukuran 3 </font><br>
<hr>
<font size="5"> jenis ukuran 5</font>
HTML code : Background colour
<html>
<body bgcolor="red">
<font size = "3", font face="jokerman", font color="white" >jenis ukuran 3 </font><br>
<hr>
<font size= "5"> jenis ukuran 5</font>
</body>
</html>
HTML code: Background image
<html>
<body bgcolor="red", background="a.jpg">
<font size = "3", font face="jokerman", font color="white" >jenis ukuran 3 </font><br>
<hr>
<font size = "5", font face="jokerman", font color="white" > jenis ukuran 5</font>
</body>
</html>
HTML code: Alignment
<html>
<body>
<h1 align = "left" > tes heading kiri </h1>
<hr>
<h1 align ="center"> tes heading tengah </h1>
<hr>
<h1 align ="right"> tes heading kanan </h1>
</body>
</html>
HTML code : Link
<html>
<body>
<h1 align = "left" > tes heading kiri </h1>
<hr>
<h1 align ="center"> tes heading tengah </h1>
<hr>
<h1 align ="right"> tes heading kanan </h1>
<p><a href = "1ukuran font.htm">klik disini </a> ini akan menghubungkan ke lembar sebelumnya</p>
</body>
</html>
HTML code: insert image
<html>
<body>
<h1 align = "left" > tes heading kiri </h1>
<hr>
<h1 align ="center"> tes heading tengah </h1>
<hr>
<h1 align ="right"> tes heading kanan </h1>
<p><a href = "latihan1.htm">klik disini </a> ini akan menghubungkan ke lembar sebelumnya</p>
<p>menyisipkan gambar <img src="a.jpg" width="150" height="200"></p>
</body>
</html>
HTML code: Pergerakan objek
<html>
<body>
<h1 align = "left" > tes heading kiri </h1>
<hr>
<h1 align ="center"> tes heading tengah </h1>
<hr>
<h1 align ="right"> tes heading kanan </h1>
<p><a href = "latihan1.htm">klik disini </a> ini akan menghubungkan ke lembar sebelumnya</p>
<p>menyisipkan gambar <marquee direction=right><img src="a.jpg" width="150" height="200"></marquee></p>
</body>
</html>
HTML code: Bullete and numbering
<html>
<body>
<p> nama mahasiswa pria</p><br>
<ol>
<li> udin </li>
<li> udin </li>
<li> udin </li>
</ol>
<p> nama mahasiswa wanita</p>
<ul type="disk">
<li>uni</li>
<li>uni</li>
<li>uni</li>
</ul>
</body>
</html>
0 komentar:
Posting Komentar