my first blog
"ELEMEN-ELEMEN HTML"
Tag Utama
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 |
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 |
Tag | Atribut | Deskripsi |
<font></font> | Color, size, name | Mengubah gaya suatu huruf |
Tag | Atribut | Deskripsi |
<a> </a> | Href, target, style, class, name, id | Membuat link ke dokumen atau situs lainnya |
Tag | Atribut | Deskripsi |
<img> | Src, alt, name, border, height, width | Menampilkan sebuah gambar |
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 |
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 |
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 |
BLOG PERTAMA SAYA
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 bgcolor="#CCCCFF" colspan="3" height="470" valign="top"> l.
<div class="separator" style="clear: both; text-align: center;">
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Uf3JYDLdJ_tD-YlR14h6wIMLmAjAyhzYIoLk5nz_bUSdn-k-Zzb0eieWajSMM5WxBvr-9IAb9p8c5IkX-oDMMc71JGd4wWmqP0RWJPFysoiuml1T-Bncp3VxNBDBbljlKmqPSuat1AGQ/s1600/Penguins.jpg" imageanchor="1" style="margin-left: 1em; margin-right: 1em;"><img border="0" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEi2Uf3JYDLdJ_tD-YlR14h6wIMLmAjAyhzYIoLk5nz_bUSdn-k-Zzb0eieWajSMM5WxBvr-9IAb9p8c5IkX-oDMMc71JGd4wWmqP0RWJPFysoiuml1T-Bncp3VxNBDBbljlKmqPSuat1AGQ/s320/Penguins.jpg" /></a></div>
<strong>SEJARAH HTML</strong><br />
<br />
<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: Muji Fuziyastuti <i>
</td>
</tr>
</table>
</body>
</html>
ORDERED LIST
caranya :
<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
caranya :
<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>
<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>
-Ordered List
Ordered list atau daftar berurutan dapat dibuat menggunakan taq <ol> (singkatan dari ordered list) dan untuk setiapa isinya kita gunakan taq <li> (singkatan ddari list item/item daftar) sebagai contoh.
-Un Ordered List
berbeda dengan daftar berutut, un ordered list akan menanadai setiap item dengan simbol,baik berupa lingkaran atsu persegi (anda masih bisa merubahnya dengan (ss) ) untuk membuat daftar tidak berurut kita gunakan taq<ul> dan seperti taq <ol>item yang terdapat di dalamnya harus diapait dengan taq <li>.
-Combo Box
Combo box adalah control yang memiliki pilihan ketika di klik, membuatnya sama seperti pembuatan daftar/list namun dengan taq yang berbeda.
TUGAS TKJ
tugas kelompok 3`
( Muji Fuziyastuti / x tkj 2 )
PENJELASAN TENTANG:
-Harddisk
-CD ROM
-KABEL SATA
PENGERTIAN HARDDISK
Hardisk merupakan piranti penyimpanan
sekunder dimana data disimpan sebagai pulsa magnetik pada piringan metal yang
berputar yang terintegrasi. Data disimpan dalam lingkaran konsentris yang
disebut track. Tiap track dibagi dalam beberapa segment yang dikenal sebagai
sector. Untuk melakukan operasi baca tulis data dari dan ke piringan, harddisk
menggunakan head untuk melakukannya, yang berada disetiap piringan. Head inilah
yang selanjut bergerak mencari sector-sector tertentu untuk dilakukan operasi terhadapnya.
Waktu yang diperlukan untuk mencari sector disebut seek time. Setelah menemukan
sector yang diinginkan, maka head akan berputar untuk mencari track. Waktu yang
diperlukan untuk mencari track ini dinamakan latency.
Harddisk merupakan media penyimpan yang
didesain untuk dapat digunakan menyimpan data dalam kapasitas yang besar. Hal
ini dilatar belakangi adanya program aplikasi yang tidak memungkinkan berada
dalam 1 disket dan juga membutuhkan media penyimpan berkas yang besar misalnya
database suatu instansi. Tidak hanya itu, harddisk diharapkan juga
diimbangi dari kecepatan aksesnya. Kecepatan harddisk bila dibandingkan dengan
disket biasa, sangat jauh. Hal ini dikarenakan harddisk mempunyai mekanisme
yang berbeda dan teknologi bahan yang tentu saja lebih baik dari pada disket
biasa. Bila tanpa harddisk, dapat dibayangkan betapa banyak yang harus
disediakan untuk menyimpan data kepegawaian suatu instansi atau menyimpan
program aplikasi. Hal ini tentu saja tidak efisien. Ditambah lagi waktu pembacaannya
yang sangat lambat bila menggunakan media penyimpanan disket konvensional
tersebut.
Sejarah
Perkembangan Harddisk
Harddisk pada awal perkembangannya
didominasi oleh perusahaan raksasa yang menjadi standard komputer yaitu IBM.
Ditahun-tahun berikutnya muncul perusahaan-perusahaan lain antara lain Seagate,
Quantum, Conner sampai dengan Hewlet Packard’s di tahun 1992. Pada
awalnya teknologi yang digunakan untuk baca/tulis, antara head baca/tulisnya
dan piringan metal penyimpannya saling menyentuh. Tetapi pada saat ini hal ini
dihindari, dikarenakan kecepatan putar harddisk saat ini yang tinggi, sentuhan
pada piringan metal penyimpan justru akan merusak fisik dari piringan tersebut.
PENGERTIAN CD-ROM
CD-ROM merupakan akronim dari “compact disc
read-only memory” adalah sebuah piringan kompak dari jenis piringan optik (optical disc)
yang dapat menyimpan data. Ukuran data yang dapat disimpan saat ini bisa
mencapai 700MB atau 700 juta bita CD-ROM drive hanya bisa digunakan untuk
membaca sebuah CD saja. Secara gari besar CD-ROM dibedakan menjadi 2 menurut
tipenya yaitu : ATA/IDE dan SCSI. Yang paling mendasari dari perbedaan
tersebut adalah kecepatannya. Kalau ATA memiliki kecepatan 100-133Mbps
sedangkan SCSI memiliki kecepatan kira-kira 150 Mbps. Untuk tipe SCSI biasanya
ditemuka pada CR RW drive. Pada CD ROM terdapat tulisan 56X artinya kemampuan
memberikan kecepatan transfer data sebesar 56 x150 Kbps. Tipe CD RW juga
biasanya dibedakan berdasarkan kemapuan membakar dan membaca. CD RW tipe
12x8x32 artinya memiliki kemampuan membakar pada CD R seccepat 12x, membakar
pada CD RW secepat 8x, dan membaca CD R/CD RW/dengan kecepatan maksimal 32x.
Fungsi
Telah
di jelaskan bahwa CD ROM mempunyai arti bahwa sebuah Hadware yang hanya bisa
membaca CD saja. Selain kegunaan dasar tersebut CD ROM juga digunakan untuk
melakukan penginstalasian sebuah OS (OPERATING SYSTEM), Game, atau
Software-software lainnya. Atau melakukan booting pada saat msuk ke OS bila
sebuah System tidak mau berjalan.
Cara Kerja
Pada CDROM informasi yang tersimpan juga berupa 0 dan 1. Tentunya angka 0 dan 1
ini bukan langsung tertulis berupa angka 0 dan 1 melainkan merupakan keadaan
pada lapisan tertentu pada CD-ROM tersebut. CD-ROM yang dibahas disini adalah
CD ROM yang dicetak bukan CD-R ataupun CD-RW. Pada dasarnya semua CD memberikan
informasi menggunakan teknik apakah suatu sinar yang diarahkan pada suatu
posisi akan dipantulkan ke titik tertentu atau tidak. Perbedaannya terletak
pada cara CD tersebut melakukannya. Pada CD-ROM yang memang dicetak,
dipantulkan tidaknya suatu sinar itu ditentukan oleh cetakan yang digunakan.
Jadi cetakan yang digunakan harus disesuaikan dengan informasi yang ingin
disimpan. Setelah dicetak tidak bisa lagi diubah data digital yang tersimpan
pada CD-ROM tersusun mulai dari bagian terdalam pada CD-ROM menuju ke bagian
terluar dari CD-ROM. Selain lapisan yang berguna untuk memantulkan cahaya,
masih ada beberapa bagian lain dari CD-ROM. Suatu CD-ROM biasanya memiliki 4
buah bagian, yaitu label, protective layer, reflective
layer, dan polycarbonate plastic. Pada pembacaannya sendiri CD-ROM
ini akan diputar dengan kecepatan sudut yang tinggi. Oleh karena itu pola yang
dicetak pada CD-ROM tersebut harulah memiliki tingkat presisi yang tinggi. Bila
ini tidak dipenuhi, penyimpangan informasi bisa saja terjadi. Pada CD-ROM
Drive masa kini, kecepatan sudut ini akan terus dipertahankan hingga pada
saat pembacaan bagian terluar dari CD-ROM. Hal ini membuat kecepatan linier
(kecepatan pembacaan) semakin tinggi pada daerah yang semakin luar. Dengan
kecepatan setinggi ini CD-ROM Drive yang digunakan juga harus memiliki
tingkat presisi yang tinggi pula. Oleh karena itu wajar saja bila suatu CD-ROM
Drive akan melakukan pembacaan dengan kecepatan yang lebih rendah terhadap
CDROM yang sudah mengalami banyak gangguan seperti halnya goresa.
Kebel ATA
ATA
(Advanced Technology Attachment) atau biasa juga dikenal dengan IDE drive
merupakan kabel konektor yang dibuat berdasarkan standart tahun 1986 yang masih
menggunakan 16 bit pararel, dan terus di kembangkan hingga ATA-7 pada tahun
2001 yang mempunyai kecepatan sebesar 133MBPs. kabel ATA masih banyak digunakan
untuk spesifikasi komputer lama semisal ; pentium 4 kebawah.
dan seperti yang sudah sedikit di singgung diatas, kabel ATA terdiri dari 40pin dan maksimal panjang kabel hanya 18 inc (46 cm)
dan seperti yang sudah sedikit di singgung diatas, kabel ATA terdiri dari 40pin dan maksimal panjang kabel hanya 18 inc (46 cm)
Kabel SATA
Sedangkan
kabel SATA atau Serial ATA merupakan kabel konektor pengembangan dari model
kabel konektor ATA, dengan kata lain kabel konektor SATA merupakan jenis kabel
konektor baru yang ada setelah kabel ATA, maka tidak mengherankan jika kabel konektor
seri SATA ini sekarang banyak di gunakan untuk spec komputer-komputer baru yang
mempunyai kecepatan akses data lebih handal.
Kabel konektor SATA ini mempunyai 15pin dan berukuran lebih kecil ketimbang kabel ATA, namun lebih bagus yakni hingga 150 MBps
Kabel konektor SATA ini mempunyai 15pin dan berukuran lebih kecil ketimbang kabel ATA, namun lebih bagus yakni hingga 150 MBps
Kelebihan
lain dari kabel SATA dibanding kabel konektor ATA ialah :
- Kabel SATA sangat cocok untuk membaca HDD yang berkapasitas besar
- Penyambungan / Pemasangan kabel yang sangat mudah berbanding IDE/ATA.
- Bila menggunakan kabel ATA/IDE, kita perlu membuat “jumper setting” yang betul dan aturan prosedut master-slave yang betul, tetapi dengan SATA kita hanya sambungkan mengikut port yang betul sahaja.
- Kabel SATA menggunakan tenaga elektrik (power consumption), hal ini tidak ada pada seri kabel ATA sehingga hard disk tipe ATA/IDE cepat panas apabila digunakan, tetapi hard disk SATA masih tidak panas walaupun telah lama digunakan.
- Dari segi pemasangan kabel SATA lebih efisien dan tidak memerlukan banyak ruang, karena ukurannya yang relatif kecil.
Itulah perbedaan
dari kabel konektor SATA dan kabel ATA yang bisa penulis sharekan, jadi pada
intinya kabel konektor ATA merupakan kabel konektor seri lama, sedangkan kabel
SATA merupakan kabel konektor yang sekarang banyak digunakan untuk
komputer-komputer baru dengan spesifikasi yang lebih bagus.
demikian sekilas penjelasan diatas dari hasil presentase kelompok kami.KELOMPOK 3 :
- "MUJI FUZIYASTUTI"
- MAYANG SEPTIAWATI
- RIZKAR AULIA. R.
- LISTIYANTO
- ROMI GUNAWAN
- DHIAN SETYA. N.
- M. IRFAN
- RIFKY ALFIAN
Komentar
Posting Komentar