#navbar-iframe { height:0px; visibility:hidden; display:none} DUNIA SOFIE: Tugas praktikum HTML kelas TI

Friday, October 15, 2010

Tugas praktikum HTML kelas TI

Tugas :
Kerjakan percobaan 3, 4 dan 5 berikut kemudian buatlah laporan praktikumnya, diprint bersama dengan laporan praktikum 1 dan 2 (garis dan komentar). Printout dikumpulkan Jum'at depan 22 Oktober 2010. Jangan lupa sebelum dikumpulkan Anda harus punya kopiannya sebagai bahan belajar.


Percobaan 3
Memformat teks

Nama file : formatteks.html

<html>
<head>
<title>Format Teks</title>
</head>
<body>
<p><b>Tulisan ini ditebalkan (bold)</b></p>
<p><strong>Tulisan ini ditebalkan (strong)</strong> </p>
<p><em>Tulisan ini miring (emphasize) </em></p>
<p><big>Tulisan ini besar (big)</big></p>
<p><i>Tulisan ini miring (italic) </i></p>
<p>Tulisan ini <sub>subscript</sub> </p>
<p>Tulisan ini <sup>superscript</sup></p>
</body>
</html>

Percobaan 4 :
Menggunakan tag <pre> untuk menampilkan sesuai dengan skrip yang tertulis di editor teks.
Nama file : preformat.html

<html>
<head>
<title>Tag Preformatted</title> </head>
<body>
<pre>
Bagian ini menampilkan gambaran umum menu-menu di Dreamweaver.
Menu file dan Edit terdiri dari menu-menu standar antara lain : New, Open, Save, Save All, Cut, Copy, Paste, Undo, and Redo
</pre>
<pre>
Ini adalah
preformatted text.
Menampilkan spasi
Dan line break apa adanya.
</pre>
<p>Tag PRE cocok digunakan untuk menampilkan kode bahasa pemrograman komputer :</p>
<pre>
for i = 1 to 10
print i
next i
</pre>
</body>
</html>

Percobaan 5
Tag <blockquote> digunakan untuk menuliskan teks kutipan sebagai suatu blok sendiri.
Nama file : quotation.html

<html>
<head>
<title>quotation</title>
</head>
<body>
tulisan ini BUKAN quotation
<blockquote>
tulisan ini adalah quotation <br> tulisan ini adalah quotation
<br> tulisan ini adalah quotation <br> </blockquote>
</body>
</html>

"Selamat Belajar, semoga sukses"

0 komentar:

Post a Comment