listkombinasi 1


















<html>
<head>
<title>List Kombinasi</title>
</head>
<body>
Tipe-tipe Tulisan Sandi
<ol>
<li>Sandi abjad / Sandi Batik</li>
<li>Sandi Koordinat</li>
<li>Sandi Angka</li>
<li>Sandi Napoleon</li>
<li>Sandi Morse</li>
<ul type="circle">
<li>Sandi Rumput</li>
<li>Sandi Bangun Bangun (Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse 1</li>
</ul>
<li>Sandi Smaphore</li>
<li>Sandi Jam</li>
<li>Sandi Nomor</li>
<li>Sandi Geser</li>
<li>Sandi Naik Turun Tingkat</li>
</ol>
</body>
</html>













unodered list

<html>
<head>
<title>Macam - macam peripheral:</title>
</head>
<body>
Input:
<ul type="disk">
<li>Mouse</li>
<li>Keyboard</li>
<li>Light pen</li>
<li>Touch pad</li>
<li>Scanner</li>
Output:
<ul type="circle">
<li>Monitor</li>
<li>Speaker</li>
<li>Printer</li>
<li>Plotter</li>
<li>LSD Proyektor</li>
Proses:
<ul type="square">
<li>Prosesor</li>
<li>Motherboard</li>
<li>RAM</li>
<li>VGA card</li>
<li>Sound card</li>
</body>
</html>






<html>
<head>
< title >unodered list </title >
</head>
<body>
macam macam pheriperal
<ul type="square"
<li>modem</li>
<li>pc camera</li>
<li>swich</li>
<li>vga card</li>
</ul>
</body>
</html>


<html>
<head>
< title >unodered list </title >
</head>
<body>
macam macam pheriperal
<ul type="circle"
<li>modem</li>
<li>pc camera</li>
<li>swich</li>
<li>vga card</li>
</ul>
</body>
</html>





odered list

type A



<html>
<head>
<title>odered list </title>
</head>
<body>
Langkah-langkah menjalankan
Notepad :
<ol type="A">
<li >hidupkan komputer </li>
<li>tekan star</li>
<li>pilih accesories</li>
<li>pilih notepad</li>
<li>notepad siap dijalankan</li>
</ol>
</body>
</html>
type i


<html>
<head>
<title>odered list </title>
</head>
<body>
Langkah-langkah menjalankan
Notepad :
<ol type="i">
<li >hidupkan komputer </li>
<li>tekan star</li>
<li>pilih accesories</li>
<li>pilih notepad</li>
<li>notepad siap dijalankan</li>
</ol>
</body>
</html>







type I


<html>
<head>
<title>odered list </title>
</head>
<body>
Langkah-langkah menjalankan 
Notepad :
<ol type="I">
<li >hidupkan komputer </li>
<li>tekan star</li>
<li>pilih accesories</li>
<li>pilih notepad</li>
<li>notepad siap dijalankan</li>
</ol>
</body>
</html>





Format Teks

<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 inji besar (big)</big>

</p>

<p>

<i>Tulisan ini miring (italic) </i>

</p>

<p>Tulisan ini

<sub>subscript</sub>

</p>

<p>Tulisan ini

<sup>superscipt</sup>

</p>

</body>

<html>



QUOTATION






<html>

<head>

<title>quotation</title>

</head>

<body>

tulisan ini BUKAN qoutation

<blockquote>

tulisan ini adalah quotation <br>

tulisan ini adalah quotation <br>

tulisan ini adalah quotation <br>

</blockquote>

</body>

</html>










Pre Format 2

<html>
<head>
<title>Tag Preformatted</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
preformatted text.
Menampilkan       spasi
Dan line break apa adanya.
</pre>
<p>Tag PRE cocok digunakan untuk menampilkan kode bahasa pemprograman komputer  :</p>
<pre>
for i = 1 to 10
     print i
next i
</pre>
</body>
</html>





►

- Copyright © Latif Rahmanto TKJ 1 - Blogger Templates - Powered by Blogger - Designed by Johanes Djogan -