Kamis, 25 Agustus 2016

MACAM-MACAM PERANGKAT KOMPUTER

<html>
<head>
</head>
<body>
<ol type="A">
<li>Perangkat Input
<ul>
<li>Mouse</li>
<li>Keyboard</li>
<li>Microphone</li>
<li>Scanner</li>
<li>Finger Print</li>
<li>Graphic Pad</li>
<li>Light Pan</li>
<li>Camera Digital</li>
<li>Web Cam</li>
</ul>
</li>
<li>Perangkat Output
<ul type="square">
<li>Monitor</li>
<li>Printer</li>
<li>Plotter</li>
<li>Proyektor</li>
</ul>
</li>
</ol>
</body>
</html>

Read More

List Combinasi TUGAS 2

TUGAS 2

<html>
<head>
<title>List Kombinasi</title>
</head>
<body>
<ol type="1">
<li>Landasan Hukum
<li>Aspek Institusional
<li>Cakupan Pelayanan
<li>Aspek Teknis dan Teknologi
<ul>
<li>Tempat Penampungan Sampah(TPS)</li>
<li>Tempat Pemprosesan Sementara(TPA)</li>
</ul>
</li>
<li>Peran serta Masyarakat dan Jender dalam Pengelolaan Sampah
<li>Permasalahan dalam Pengelolaan Sampah
</li>
</ol>
</body>
</html>

Read More

List Combinasi TUGAS 1

TUGAS 1

<html>
<head>
<title>List Kombinasi</title>
</head>
<body>
<p>Tipe-Tipe Tulisan Sandi</p>
<ol type="1">
<li>Sandi Abjad
<li>Sandi Koordinat
<li>Sandi Angka
<li>Sandi Napolion
<li>Sandi Morse
<ul>
<li>Sandi Rumput</li>
<li>Sandi Bangun(Bentuk)</li>
<li>Sandi Kimia</li>
<li>Sandi Morse 1/</li>
</ul>
</li>
<li>Sandi Smaphone
<li>Sandi Jam
<li>Sandi Nomor
<li>Sandi Geser
<li>Sandi Naik Turun Tingkat
</li>
</ol>
</body>
</html>

Read More

Jumat, 19 Agustus 2016

Tugas Unodered List


Unodered List Type disk /default

<html>
<head><title>tugas membuat unodered list</title>
</head>
<body>
<b>macam-macam pireperal computer</b>
<ul type="disk">
<li>keyboard</li>
<li>mouse</li>
<li>microphone</li>
<li>joystick</li>
<li>lightpan</li>
<li>graphic pad</li>
<li>lcd monitor</li>
<li>proyektor</li>
<li>printer</li>
<li>ploter</li>
</ul>
</body>
</html>

 Unodered List Type circle

<html>
<head><title>tugas membuat unodered list</title>
</head>
<body>
<b>macam-macam pireperal computer</b>
<ul type="circle">
<li>keyboard</li>
<li>mouse</li>
<li>microphone</li>
<li>joystick</li>
<li>lightpan</li>
<li>graphic pad</li>
<li>lcd monitor</li>
<li>proyektor</li>
<li>printer</li>
<li>ploter</li>
</ul>
</body>
</html>
Unodered List Type square



<html>
<head><title>tugas membuat unodered list</title>
</head>
<body>
<b>macam-macam pireperal computer</b>
<ul type="square">
<li>keyboard</li>
<li>mouse</li>
<li>microphone</li>
<li>joystick</li>
<li>lightpan</li>
<li>graphic pad</li>
<li>lcd monitor</li>
<li>proyektor</li>
<li>printer</li>
<li>ploter</li>
</ul>
</body>
</html>













Read More

Tugas Odered List



Odered List Type default

<html>
<head><title>Tugas membuat odered List</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b></body>
<ol>
<li>Klik start</li>
<li>Tuliskan notepad pda kolom search</li> 
<li>pilih klik notepad yang gambar boku biru</li>  
<li>notepad kamu telah terbuka</li>
</ol>
</body>
</html>
 
  Odered List Type "A"



<html>
<head><title>Tugas membuat odered List</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b></body>
 <ol type="A">
<li>Klik start</li>
<li>Tuliskan notepad pda kolom search</li> 
<li>pilih klik notepad yang gambar boku biru</li>  
<li>notepad kamu telah terbuka</li>
</ol>
</body>
</html>

  Odered List Type "I"


<html>
<head><title>Tugas membuat odered List</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b></body>
 <ol type="I">
<li>Klik start</li>
<li>Tuliskan notepad pda kolom search</li> 
<li>pilih klik notepad yang gambar boku biru</li>  
<li>notepad kamu telah terbuka</li>
</ol>
</body>
</html>

  Odered List Type "i"


<html>
<head><title>Tugas membuat odered List</title>
</head>
<body>
<b>Langkah-langkah membuka notepad</b></body>
 <ol type="i">
<li>Klik start</li>
<li>Tuliskan notepad pda kolom search</li> 
<li>pilih klik notepad yang gambar boku biru</li>  
<li>notepad kamu telah terbuka</li>
</ol>
</body>
</html>

Read More

Kamis, 18 Agustus 2016

Anatomi dokumen dasar

<html>
<head>
<title>Anatomi dokumen web</title>
</head>
<body>struktur dasar halaman web dibuat oleh Fajar Listiyanto
</body>
</html
Read More

Senin, 15 Agustus 2016

Dokumen HTML TAG PREFORMATTED


<html>
<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 menuitems for File and Edit.
menus, such as New, Open, Save, Save All, Cut, Copy, Paste, Undo,and Redo
</pre>
<pre>
Ini adalah preformated teks.
Menampilkan spasi Dan line break apa adanya.
</pre>
<p>Tag PRE cocok untuk menampilkan kode bahasa pemrograman komputer :</p>
<pre>
for i = 1 to 10
     prin i
next i
</pre>
</body>
</html>

Read More

Dokumen HTML PREFORMAT



 <HTML>
<HEAD>
<TITLE>Preformat</TITLE>
</HEAD
<BODY>
<H2>Daftar Harga Keladi:</H2>
<PRE>
Red Flash..........35.000
Red Fire...........60.000
Fannie Munsone.....60.000
</PRE>
Harga sewaktu-waktu bisa berubah.
</BODY>
</HTML>
Read More

Dokumen 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 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>
Read More

Dokumen HTML QUOTATION


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



Read More

Kamis, 04 Agustus 2016

Dokumen HTML Paragraf


<html>
<head>
        <tittle>Assalamualaikum</tittle>
</head>
<body>
        <p> Nama saya Fajar Listiyanto.Saya tinggal di Candirejo,Gedangan,Cepogo. Hobi saya main sepak bola. Ini adalah paragraf. saya 1
              2 bersaudara . TTL Boyolali,14 September 2001.Saya bercita-cita menjadi Pengusaha  </p>
        <p> Sekian dari saya.Assalammualaikum wr.wb. </p>
</body>
</html>
Read More

Dokumen HTML Heading


<html>
<head>
       </head>Anatomi Dokumen Web</title>
</head>
<body>
       <h1>This is heading 1. Fajar Listiyanto</h1>
       <h2>This is heading 2. 10 tkj2</h2>
       <h3>This is heading 3. 12</h3>
       <h4>This is heading 4. Sepak Bola</h4>
       <h5>This is heading 5. SMK Karya Nugraha Boyolali</h5>
       <h6>This is heading 6. Pengusaha</h6>
</body>
</html>
Read More