Ordered List
<html>
<head>
<title> LATIHAN 2 </title>
</head>
<body>
<h2>Yang harus dilakukan hari ini</h2>
<ol>
<li>pergi ke pasar</li>
<li>Buat tutorial HTML</li>
<li>Mengerjakan tugas kuliah</li>
</ol>
<label for"kota">kota</label>
<select name="kota">
<option>Jakarta</option>
<option>Bandung</option>
<option>Tasikmalaya</option>
</select>
</body>
</html>
=> => => => => => => => => => => => => => => => => => => => =>
Combo Box
<html>
<head>
<title> LATIHAN 2 </title>
</head>
<body>
<label for"tanggal">TANGGAL LAHIR</label>
<select name="tanggal">
<option>1</option>
<option>2</option>
<option>3</option>
<option>4</option>
<option>5</option>
<option>6</option>
<option>7</option>
<option>8</option>
<option>9</option>
<option>10</option>
<option>11</option>
<option>12</option>
<option>13</option>
<option>14</option>
<option>15</option>
<option>16</option>
<option>17</option>
<option>18</option>
<option>19</option>
<option>20</option>
<option>21</option>
<option>22</option>
<option>23</option>
<option>24</option>
<option>25</option>
<option>26</option>
<option>27</option>
<option>28</option>
<option>29</option>
<option>30</option>
<option>31</option>
</select>
<label for"bulan">BULAN LAHIR</label>
<select name="">
<option>Januari</option>
<option>Februari</option>
<option>Maret</option>
<option>April</option>
<option>Mei</option>
<option>Juni</option>
<option>Juli</option>
<option>Agustus</option>
<option>September</option>
<option>Oktober</option>
<option>November</option>
<option>Desember</option>
</select>
<label for"tanggal">TANGGAL LAHIR</label>
<select name="tanggal">
<option>1990</option>
<option>1991</option>
<option>1992</option>
<option>1993</option>
<option>1994</option>
<option>1995</option>
<option>1996</option>
<option>1997</option>
<option>1998</option>
<option>1999</option>
<option>2000</option>
<option>2001</option>
<option>2002</option>
<option>2003</option>
<option>2004</option>
<option>2005</option>
<option>2006</option>
<option>2007</option>
<option>2008</option>
<option>2009</option>
<option>2010</option>
<option>2011</option>
<option>2012</option>
<option>2013</option>
<option>2014</option>
</select>
</body>
</html>
=> => => => => => => => => => => => => => => => => => => => =>
| Tag | Atribut | Deskripsi |
| <html></html> | Baris paling atas dari setiap file HTML | |
| <head></head> | Informasi umum dari sebuah halaman web | |
| <title></title> | Judul halaman. Terdapat pada head | |
| <body></body> | Background, bgcolor, bgsound, font, link, alink, vlink, topmargin, leftmargin, marginheight, marginwidth | Settingan atribut untuk seluruh dokumen |
Modifikasi Teks
| Tag | Deskripsi | Contoh |
| <b></b> | Teks tebal | Teks tebal |
| <i> </i> | Teks miring | Teks miring |
| <u> </u> | Teks garis bawah | Teks garis bawah |
| <pre></pre> | Preformatted teks | Contoh teks |
| <h1></h1> | Header 1 | Header 1 |
| <h2></h2> | Header 2 | Header 2 |
| <h3> </h3> | Header 3 | Header 3 |
| <h4></h4> | Header 4 | Header 4 |
| <h5></h5> | Header 5 | Header 5 |
| <h6></h6> | Header 6 | Header 6 |
| <sub></sub> | Subscript | Subscript |
| <sup></sup> | Superscript | Superscript |
Font
| Tag | Atribut | Deskripsi |
| <font></font> | Color, size, name | Mengubah gaya suatu huruf |
Links
| Tag | Atribut | Deskripsi |
| <a> </a> | Href, target, style, class, name, id | Membuat link ke dokumen atau situs lainnya |
Gambar
| Tag | Atribut | Deskripsi |
| <img> | Src, alt, name, border, height, width | Menampilkan sebuah gambar |
Formatting
| Tag | Deskripsi | Contoh |
| <blockquote></blockquote> | Digunakan untuk mengatur text dan gambar dalam suatu tag | Contoh text in a block quote format ( “ “ ) |
| <ol></ol> | Ordered List (digunakan dengan <li>) | 1. Item 1 |
| <ul></ul> | Unordered List (digunakan dengan <li>) | • Item 1 |
| <li> | Elemen List | |
| <dd></dd> | Definition List | |
| <dt> | Definition Term | |
| <dd> | Definition Description | |
| <p></p> | Paragraf | |
| <br> | Ganti baris | |
| <hr> | Garis horizonta | |
| <center></center> | Menengahkan elemen |
Tabel
| Tag | Deskripsi | Contoh |
| <table></table> | Border, cellpadding, cellspacing, width, height, name, id, title, bgcolor, background, align, valign | Mengatur semua elemen table |
| <tr></tr> | Height, bgcolor, background, align, valign, title | Membuat baris baru |
| <td></td> | Height, width, bgcolor, background, align, valign, title, colspan, rowspan | Membuat kolom |
| <th></th> | Height, width, bgcolor, background, align, valign, title, colspan, rowspan | Header (kepala tabel). Otomatis ke tengah dan tebal |
| <tbody></tbody> | Height, width, align, valign, bgcolor, background | Format yang berlaku bagi cell yang diapit tag |
| <colgroup></colgroup> | Height, width, align, valign, bgcolor, background, colspan | Format yang berlaku bagi kolom |
Form
| Tag | Deskripsi | Contoh |
| <form></form> | Method, action, name, enctype | Mengatur elemen dari form |
| <input type=> | Text, password, hidden, radio, checkbox, submit, image, reset | Variasi dari tipe elemen input dalam form |
| <select></select> | Name, size | Membuat combo-box. Digunakan bersama dengan option |
| <option> | Selected, name, value | |
| <textarea></textarea> | Name, rows, cols, wrap | Membuat Text Area untuk input text dengan length yang l ebih besar dari input text. |
| wrap | Offvirtual physical | no wrapword wrap, sent as one line word wrap, sent with breaks |
=> => => => => => => => => => => => => => => => => => => => =>
CARA MEMBUAT :
<head>
<title>web pertama saya</title>
</head>
<body bgcolor="#CCFF66">
<marquee direction="right"scrollamount="2" align="center"behavior="alternate">
SELAMAT DATANG KAWAN,INI WEB PERTAMA SAYA</marquee>
<table width="100%" height="600" border="2" align="center">
<tr>
<td width="16%" height="38" align ="center" bgcolor="#FF9933">HOME</td>
<td width="21%" align="center" bgcolor="#FF9933">PROFIL SAYA</td>
<td width="30%" align="center" bgcolor="#FF9933">GALERI</td>
<td width="33%" align="center" bgcolor="#FF9933">CONTENT</td>
</tr>
<tr>
<td height="470" colspan="3" valign="top" bgcolor="#CCCCFF">
<img src="alfin.jpg"width="199" height="129" longdesc="abang.jpg"/>
<p><strongf>SEJARAH HTML</strong></p>
<p><br />
konsep HTML diciptakan pertama kali oleh IBM pada tahun 1980
pada saat tercetus ide untuk meletakkan elemen-elemen yang menandai bagian
suatu dokumen seperti judul,alamat,dan isi dokumen.Lalu, pada akhirnya
elemen-elemen itu menjadi suatu program untuk melakukan pemformatan
dokumen secara otomatis.<br />
Bahasa pemprograman untuk melakukan tugas tersebut disebut markup
language, atau lebih lengkapnya IBM menamai program tersebut sebagai
Generalized Marup Language (GML).<br />
kosep ini padatahun 1986 disetujui oleh ISO (International Standard
Organization) sebagai standar bagi pembuatan dokumen-dokumen dengan
keluarnya ISO 8879.ISO menyamai GML ini menjadi SGML (Standard Generation
Markup Language ).</p>
</td>
<td valign="baseline" bgcolor="#CCCCFF"><p>Links Web Sahabat</p>
<p><a href="http://eliniyan.blogspot.com"> Blognya Pak Iyan </a></p>
<p><a href="http://smkn5.sch.id"> Webnya smkn5 Kab Tangerang </a></p>
<table>
<tr>
<tdcolspan="3"> </td></tr><tr>
<tdcolspan="3"><h3>Silahkan Berkometar : </h3></td>
</tr>
<tr>
<td>Nama</td>
<td> : </td>
<td><input type =text name="nama"></td>
</tr>
<tr>
<td>Email</td>
<td> : </td>
<td><input type=text name="email"></td>
</tr>
<tr>
<td valign=top<Komentar</td>
<td valign=top> : </td>
<td><textarea name="komentar"rows=6 width=200></textarea></td>
</tr>
<tr>
<td colspan ="3"><input type=submit name="submit"
value=submit></td>
</tr>
</table>
</td>
</tr>
<tr>
<td height="80" colspan="4" valign="top" bgcolor="#FF66FF"><h4 align="center">
<i>COPYRIGHT © 2013-2014 TKJ SMKN5 KAB TANGERANG</i> </h4>
<br align="center"><i><center>
Thema by: RIFKY ALFIAN <i>
</td>
</tr>
</table>
</body>
</html>
SEKIAN, semoga bermanfaat :)
=> => => => => => => => => => => => => => => => => => => => =>
=>TUJUAN DAN FUNGSI SISTEM OPERASI
Dari sudut pandang pengguna, Sistem operasi merupakan alat yang bertujuan untuk mempermudah penggunaan komputer. Dari sudut pandang sistem komputer, sistem operasi dapat dianggap sebagai alat yang bertujuan menempatkan sumber daya secara efisien (Resource Allocator). Sistem operasi ialah manager bagi sumber daya, yang menangani konflik permintaan sumber daya secara efisien. Sistem operasi juga mengatur eksekusi aplikasi dan operasi dari hardware I/O (Input/Output). Fungsi ini dikenal juga sebagai program pengendali (Control Program).
Jadi dari sudut pandang tujuan sistem operasi itu sendiri, sistem operasi dapat dipandang sebagai alat yang membuat komputer lebih nyaman digunakan (convenient) untuk menjalankan program aplikasi dan menyelesaikan masalah pengguna. Tujuan lain sistem operasiialah membuat penggunaan sumber daya komputer menjadi efisien.
Sistem operasi yang baik adalah yang mampu memberikan keadaan aman dan tetap konsisten pada saat hardware dan software aplikasi berkomunikasi, juga tetap memberikan antar muka yang mudah, nyaman dan menarik bagi pengguna. Berikut ini adalah 8 fungsi sistem operasi :
- Resource Manager : Mengalokasikan sumber daya, maksud sumber daya disini adalah hardware seperti memori, CPU, Printer, disk drive dan perangkat lainnya.
- Coordinator : menyediakan fasilitas sehingga aktivitas yang kompleks dapat diatur untuk dikerjakan dalam urutan yang telah disusun sebelumnya.
- Interface: sebagai perantara antara pengguna (user) dengan hardware untuk menyediakan lingkungan yang bersahabat atau mudah digunakan (User Friendly). Pengguna tidak akan dikhawatirkan dan dirumitkan oleh bahasa mesin atau perangkat level bawah.
- Guardian: menyediakan kontrol akses yang melindungi file dan memberi pengawasan pada pembacaan/penulisan/eksekusi data dan program.
- Gatekeeper: mengendalikan siapa saja yang berhak masuk (log) kedalam sistem dan mengawasi tindakan apa saja yang dapat mereka kerjakan ketika telah log dalam sistem.
- Optimizer: menjadwal pemasukan (input) oleh pengguna, pengaksesan basis data, proses komunikasi, dan pengeluaran (output) untuk meningkatkan kegunaan.
- Accountant: mengatur waktu CPU (CPU time), penggunaan memori, pemanggilan perangkat I/O (masukan/keluaran), disk storage dan waktu koneksi terminal.
- Server: untuk menyediakan layanan yang sering dibutuhkan pengguna, baik secara eksplisit maupun implisit, seperti mekanisme akses file.
=> Sejarah Perkembangan Sistem Operasi
Sistem operasi telah berevolusi sejak komputer diciptakan. Perkembangan sistem komputer dibagi empat kurun waktu (generasi). Perkembangan sistem komputer melibatkan sistem perangkat keras dan sistem perangkat lunak.
1. Generasi Pertama (1945-1955)
Pada generasi ini, sistem komputer belum dilengkapi sistem operasi, tapi beberapa fungsi dasar sistem operasi telah ada, misalnya FMS (Fortran Monitoring System) dan IBSYS, keduanya merupakan bagian yang fungsinya merupakan komponen sistem operasi.
2. Generasi Kedua (1955-1965)
Pada tahun 1964, IBM mengeluarkan keluarga komputer dengan system/360, beberapa kelas komputer S/360 dirancang agar kompatibel secara perangkat keras. System/360 atau dikenal dengan S/360 menggunakan sistem operasi OS/360. system 360 berevolusi menjadi System 370.
3. Generasi Ketiga (1965-1980)
Perkembangan sistem operasi berlanjut, dikembangkan untuk melayani banyak pemakai interaktif sekaligus. Pemakai-pemakai interaktif berkomunikasi komputer lewat terminal secara online (secara langsung dihubungkan) ke komputer.
Sistem komputer menjadi :
o Multiuser, yaitu digunakan banyak orang sekaligus
o Multiprogramming
Metode yang memungkinkan dua buah program/lebih dijalankan secara serentak pada sebuah komputer dan berbagai sumber daya dalam waktu yang berlainan. Konsep multiprogramming bias diibaratkan sebagai pekerja yang tak hanya menangani satu pekerjaan sehingga tak ada waktu yang terbuang.
o Time Sharing
Metode yang dipakai dalam sistem operasi yang memungkinkan sejumlah pemakai dapat berinteraksi dengan proses yang dibuatnya secara bergantian dengan jumlah waktu yang sama. Time sharing merupakan pengembangan lebih lanjut dari multiprogramming.
o Penyimpanan Virtual
Metode yang menangani sejumlah program dengan membagi program-program tersebut ke dalam bagian yang kecil dengan ukuran sama. Metode seperti ini diterapkan antara lain pada Windows.
o Multitasking
Metode yang memungkinkan seorang pemakai menjalankan sejumlah program dalam waktu yang sama. Cara ini sangat umum dalam sistem PC. Dengan menggunakan sistem operasi Windows, seseorang dapat menjalankan program Word untuk membuat dokumen dan sekaligus menjalankan program Excel untuk membuat perhitungan-perhitungan dalam table. Pemakai dapat berpindah dari satu program aplikasi yang satu dengan program aplikasi yang lain dengan mudah
o Multiprocessing
Metode dengan kemampuan sistem operasi yang menjalankan dua atau lebih intruksi secara serentak dengan menggunakan sejumlah CPU dalam sebuah komputer. Melalui sistem tersebut kita dapat mengatur sejumlah CPU untuk menjalankan instruksi yang berbeda dalam sebuah program.
4. Generasi Keempat (1980-199x)
Sistem operasi tidak lagi hanya untuk satu mode, tapi banyak mode yang mendukung batch processing, timesharing, dan (soft) real-time applications.
Generasi ini ditandai dengan berkembang dan meningkatnya komputer desktop (komputer pribadi) dan teknologi jaringan. Sistem operasi ini telah sanggup memberi antarmuka grafis yang nyaman.
Network Operating System Sistem operasi diperuntukan jaringan komputer dimana pemakai mnyadari keberadaan komputer yang terhubung.
=> 3 SASARAN UTAMA SISTEM OPERASI :
1. Kenyamanan : membuat pengguna komputer menjadi ebih nyaman ..
2. Efisien : penggunaan sumberdaya sistem komputer secara efisien ..
3. Berefolusi : sistem operasi harus di bangun sehingga memungkinan pengembangan ..
Tidak ada komentar:
Posting Komentar