Sabtu, 27 Agustus 2016

Format Teks

<html>
<head><title>unordered list</title>
</head>
<body>
<b>Macam - macam  phuriperal</b>
<b>   Perangkat Input  </b>
<ul type="square">
<li>Keyboard</li>
<li>mouse</li>
<li>Touchpad</li>
<li>Light Pen</li>
<li>JoyStick</li>
<li>Barcode</li>
<li>Scanner</li>
<li>Camera Digital</li>
<li>mikrofon</li>
<li>Graphics Pads</li>
<li>Pensil</li>
<b>Macam - macam phuriperal</b>
<b>    Perangkat Output </b>
<li>Monitor</li>
<li>Printer</li>
<li>spiker</li>
<li>proyektor</li>
<li>Plotter</li>
</ul type="square">
</body>
</html>

Kamis, 25 Agustus 2016

Tugas List Kombinasi

<html>
<head>
<title>list kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum / Legal Operasional</li>
<li>Aspek Institusional</li>
<li>Cakupan Pelayanan</li>
<li>Aspek Teknis dan Teknologi</li>
<ol type="a">
<li>Tempat Penampungan Sementara (TPS)</li>
<li>Tempat Pemprosesan Akhir (TPA)</li>
</ol>
<li>Peran serta Masyarakat dan Jender dalam Pengolahan Sampah</li>
<li>Permasalahan dalam Pengolahan Sampah</li>
</li>
</ol>
</body>
</html>

Tugas List Kombinasi

<html>
<head>
<title>list kombinasi</title>
</head>
<body>
<H2>Tipe-tipe Tulisan Sandi
<ol type="1">
<li> Sandi Abjad / Samdi Balik</li>
<li>Sandi Koordinat</li>
<li>Sandi Angka</li>
<li>Sandi Napoleon</li>
<li>Sandi Morse</li>
<ul>
<li>Sandi Rumput</li>
<li>Sandi Bangun ( Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse 1</li>
</ul>
<li>Sandi Semaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomer</li>
<li>Sandi Geser</li>
<li>Sandi Naik Turun Tingkat</li>
</li>
</ol>
</body>
</html>

Sabtu, 20 Agustus 2016

Tugas Unordered List


<html>
<head><title>unordered list</title>
</head>
<body>
<b>Macam - macam  phuriperal</b>
<b>   Perangkat Input  </b>
<ul type="circle">
<li>Keyboard</li>
<li>mouse</li>
<li>Touchpad</li>
<li>Light Pen</li>
<li>JoyStick</li>
<li>Barcode</li>
<li>Scanner</li>
<li>Camera Digital</li>
<li>mikrofon</li>
<li>Graphics Pads</li>
<li>Pensil</li>
<b>Macam - macam phuriperal</b>
<b>    Perangkat Output </b>
<li>Monitor</li>
<li>Printer</li>
<li>spiker</li>
<li>proyektor</li>
<li>Plotter</li>
</ul type="circle">
</body>
</html>
                                               

Kamis, 18 Agustus 2016

Format Teks

                                                 TUGAS FORMAT TEKS 1
 <html>
<head>
<title>Format Teks</title>
</head>
<body>
<p>
<b>Tulisan Ini Ditebalkan (bold)</bold>
</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>Subscipt</sub>
</p>
<p>Tulisan Ini
<sup>Superscript</p>
</p>
</body>
</html>
                                                 TUGAS FORMAT TEKS 2
 
 <html>
<head>
<title>preformat</title>
</head>
<body>
<H2>daftar harga keladi : </h2>
<pre>
Red Flash . . . . . 35.000
Red Flash . . . . . 60.000
fanie munson . . . . 60.000
</pre>
Harga Sewaktu-waktu bisa berubah.
</body>
</html>
TUGAS FORMAT TEKS 3
<html>
<head>
<title>tag preformat</title>
</head>
<body>
<pre>
This section provides a brief overview of the menus in
Dreamweaver.
    The File menu and edit menu contain the standard menu
    item for file and edit.
menus, such as new, open, save, save all, cut,copy,paste,undo,and redo
</pre>
<pre>
ini adalah
preformated text.
menampilkan     spasi
Dan Line Break apa adannya
</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> 
                                                  
                                                    TUGAS FORMAT TEKS 4
 <html>
<head>
<title>quotation</title>
</head>
<body>
Tulisa Ini Bukan quotation
<blockquote>
Tuisan Ini Adalah quotation <br>
Tuisan Ini Adalah quotation <br>
Tuisan Ini Adalah quotation <br>
</blockquote>
</body>
</html>


Langkah - langkah membuka aplikasi notepaad

TUGAS ORDERED LIS 1
<html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol>
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>

                                                      TUGAS ORDERED LIST 2

<html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol type="A">
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>

                                                   TUGAS ORDERED LIST 3
 <html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol type="a">
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>

                                                  TUGAS ORDERED LIST 4
 <html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol type="I">
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>
                                                   TUGAS ORDERED LIST 5
<html>
<head><title>odered list</title>
</head>
<body>
<b>langkah langkah menjalankan aplikasi notepead</b>
<ol type="i">
<li>klik start windows kemudian klik all program</li>
<li>arahkan kursor ke accecories</li>
<li>klik notepad</li>
<li>command prompt berhasil di buka</li>
</ol>
</body>
</html>