Web HTML

PENGERTIAN DAN TAG WEB HTML


Pengertian WEB


World wide web (www) mendapat perhatian publik yang sangat besar yang tidak dapat disamai oleh aplikasi internet lainnya. Pada tahun 1995, www menggantikan FTP(File Transfer Protocol) sebagai aplikasi internet yang bertanggung jawab atas sebagian besar lalu lintas internet. Web telah menjadi sedemikian terkenalnya sehingga kadang dicampuradukkan dengan istilah internet itu sendiri meskipun pengertian "di Web" dan "di Inetrnet" sebenarnya tidaklah sama.

Web adalah sistem pengiriman dokumen tersebar yang berjalan di internet. Web dikembangkan di CERN (European Center for Nuclear Research), suatu lembaga bagi penelitian fisika energi tinggi di Geneva, Swiss. Tujuan semula dari lembaga ini adalah untuk membantu para fisikawan di berbagai lokasi yang berbeda dalam bekerja sama dan berbagi material penelitian.

Web dengan cepat berkembang ke luar lingkup masyarakat fisika energi tinggi. Pada tahun 1993, terdapat 130 server web di internet. Setahun kemudian jumlahnya meningkat menjadi 2.738, dan pada bulan Juni 1995 terdapat 23.500 server web.
Sekarang ini web telah memiliki pemirsa dalam jumlah yang sangat besar di luar lingkup akademis : kurang lebih 30% dari server web yang tengah beroperasi saat ini berada di komputer dalam domain komersial, dan di sebagian industri, di mana keberadaaan perusahaan web sama pentingnya dengan memiliki telpon atau faks bagi tujuan komunikasi bisnis. Web sekarang telah menjadi media yang sangat penting bagi periklanan dan alamat web sekarang sudah umum dijumpai pada majalah, surat kabar, dan iklan televisi. Artinya pembuatan-pembuatan halaman web yang berkualitas sangat dibutuhkan pada jaman sekarang ini.

Untuk dapat dinikmati, web menggunakan suatu protocol yang berfungsi sebagai penerjemah. Protocol ini lah yang dimiliki oleh browser-browser Internet seperti Internet Explorer maupun Opera dan yang lain. Protocol itu disebut dengan HTTP (Hypertext Markup Transfer Protocol).

Dokumen pada Web dibuat dalam bentuk kode-kode yang mengatur bagaimana browser menampilkan informasi yang ada pada halam tersebut. Kode tersebut dikenal dengan nama HyperText Markup Language (HTML). Walaupun suatu dokumen HTML berisi set perintah, namun HTML bukanlah bahasa pemrograman karena dia hanya mengatur tampilan.

Pada awalnya HTML dikembangkan sebagai subset SGML (Standard Generalized Mark-up Language). Karena HTML didedikasikan untuk ditransmisikan melalui media Internet, maka HTML relatif lebih sederhana daripada SGML yang lebih ditekankan pada format dokumen yang berorientasi pada aplikasi.

Hasil olahanHTML harus dilihat pada Browser. Tidak seperti Microsoft Word yang hasilnya langsung dapat Anda lihat pada aplikasi yang sama. Anda dapat juga mencoba membuat dokumen html melalui Notepad.


KUMPULAN TAG HTML

<!-- --> Memberi komentar atau keterangan. Kalimat yang terletak pada tag kontiner ini tidak akan terlihat pada browser
<a href> Membuat link ke halaman lain atau ke bagian lain dari halaman tersebut
<a name>         Membuat nama bagian yang didefinisikan pada link pada halaman yang sama
<applet> Sebagai awal dari Java applets
<area> Mendefinisikan daerah yang dapat diklik (link) pada image map
<b> Membuat teks tebal
<basefont>         Membuat atribut teks default seperti jenis, ukuran dan warna font
<bgsound>         Memberi (suara latar) background sound pada halaman web
<big> Memperbesar ukuran teks sebesar satu point dari defaultnya
<blink> Membuat teks berkedip
<body> Tag awal untuk melakukan berbagai pengaturan terhadap text, warna link & visited link
<br> Pindah baris
<caption> Membuat caption pada tabel
<center> Untuk perataan tengah terhadap teks atau gambar
<comment> Meletakkan komentar pada halaman web tidak tidak akan nampak pada browser
<dd> Indents teks
<div> Represents different sections of text.
<embed> Menambahkan sound or file avi ke halaman web
<fn> Seperti tag <a name>
<font> Mengganti jenis, ukuran, warna huruf yang akan digunakan utk teks
<form> Mendefinisikan input form
<frame> Mendefinisikan frame
<frameset> Mendefinisikan attribut halaman yang akan menggunakan frame
<h1> ...
<h6> Ukuran font yang dibedakan berdasarkan headingnya.
<head> Mendefinisikan head document.
<hr> Membuat garis horizontal
<html> Bararti dokumen html
<i> Membuat teks miring
<img> Image, imagemap atau an animation
<input> Mendefinisikan input field pada form
<li> Membuat bullet point atau baris baru pada list (berpasangan dengan tag <dir>, <menu>,<ol> and <ul> )
<map> Mendefinisikan client-side map
<marquee> Membuat scrolling teks (teks berjalan) - hanya pada MS IE
<nobr> Mencegah ganti baris pada teks atau images
<noframes> Jika browser user tidak mendukung frame
<ol> Mendefinisikan awal dan akhir sebuah Numbering
<p> Ganti paragraph
<pre> Membuat teks dengan ukuran huruf yg sama
<script> Mendefinisikan awal script
<table> Membuat tabel
<td> Kolom pada table
<title> Mendefinisikan title
<tr> Baris pada table
<u> Membuat teks bergaris bawah
<ul> Mendefinisikan awal dan akhir sebuah Bullets


RANCANGAN STRUKTURAL TEXT

Jenis Tag <TAG>
Jenis Perataan <DIV ALIGN=left|right|center></DIV>
Huruf Tebal <B>…</B> (Bold)
Huruf Miring <I>…</I> (Italic)
Garis Bawah <U>…</U> (Underline)
Huruf Di Coret <S>…</S> (Strike out)
Huruf kecil dibawah <SUB>…</SUB> (Subscribe)
Huruf kecil diatas <SUP>…</SUP> (Super scribe)
Huruf Berjenis Mesin Ketik <TT>…</TT> (Typewriter)
Ukuran Huruf <FONT SIZE=#>…</FONT> (# : boleh diisi angka 1 s/d 7)
Warna Huruf <FONT COLOR=”#$$$$$$>…</FONT> ($ : boleh diisi angka 0 s/d F)
Jenis Huruf/Font Type <FONT FACE=”***”>…</FONT> (* : boleh diisi dengan font
type yang ada pada windows)


LATAR BELAKANG DAN WARNA

Jenis Tag <TAG>
Latar Belakang dengan Gambar <BODY BACKGROUND=”URL”> (Tiled background)
Warna Latar Belakang <BODY BGCOLOR=”#$$$$$$”>
Warna Huruf Text <BODY TEXT=”#$$$$$$”>
Warna Acuan(link) <BODY LINK=”#$$$$$$”>
Acuan Lepas Kunjung <BODY VLINK=”#$$$$$$”> (Visited Link)
Acuan Aktif <BODY ALINK=”#$$$$$$”> (Active Link)


MEMBUAT DAFTAR (BULLETS AND NUMBERING)

Jenis Tag <TAG>
Daftar tanpa nomor (Bullets) <UL><LI></UL> (Unordered list)
Jenis Bullets <UL TYPE=DISC|CIRCLE|SQUARE> (Berlaku pada semua list yang ada.)
<LI TYPE=DISC|CIRCLE|SQUARE> (Berlaku pada satu daftar saja.)
Daftar Bernomor <OL><LI></OL> (Ordered List)
Jenis penomoran <OL TYPE=A|a|1|I|i> (Berlaku pada semua list yang ada.)
<LI TYPE=A|a|1|I|i> (Berlaku pada satu daftar saja.)



MEMBUAT FRAME

Jenis Tag <TAG> 
Dokumen dalam frame <FRAMESET>…</FRAMESET> (Sebagai pengganti <BODY>)
Tinggi baris frame <FRAMESET ROWS=#>…</FRAMESET> (Dalam satuan pixel / %)
Lebar kolom frame <FRAMESET COLS=#>…</FRAMESET> (Dalam satuan pixel / %)
Lebar garis batas <FRAMESET BORDER=#>…</FRAMESET>
Warna garis batas <FRAMESET BORDERCOLOR=”#$$$$$$”> …</FRAMESET>
Rancangan frame <FRAME …>
Tampilan dokumen frame <FRAME SCR=”URL”
Nama frame <FRAME NAME=”***”|_Blank|_Self|_Parent|_Top>
Lebar batas <FRAME MARGINWIDTH=#> (Batas kiri dan kanan)
Tinggi batas <FRAME MARGINHEIGHT=#> (Batas atas dan bawah)
Scrollbar <FRAME SCROLLING=”YES|NO”> (Memungkinkan scrolling)
Ukuran frame tak bisa diubah <FRAME NORESIZE>
Batas frame <FRAME FRAMEBORDER=”YES|NO”>
Warna garis batas <FRAME BORDERCOLOR=”#$$$$$$”>



MEMBUAT TABLE

Jenis Tag <TAG> Keterangan
Rancangan table <TABLE>…</TABLE>
Garis batas table <TABLE BORDER=#>…</TABLE>
Celah sel <TABLE CELLSPACING=#>
Penyangga sel <TABLE CELLPADDING=#>
Lebar table <TABLE WIDTH=#> (# : boleh diisi dengan angka atau present)
Baris dalam table <TR>…</TR>
Penataan letak baris <TR ALIGN=LEFT|CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Sel dalam table <TD>…</TD>
Penataan letak sel <TD ALIGN=LEFT|CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Tanpa ganti baris <TD NOWRAP>
Rentang kolom <TD COLSPAN=#>
Rentang baris <TD ROWSPAN=#>
Lebar sel <TD WIDTH=#>
Warna sel <TD BGCOLOR=”#$$$$$$”>
Kepala table <TH>…</TH> (Table Header)
Penataan letak kepala table <TH ALIGN=LEFT|CENTER|MIDDLE|BOTTOM VALIGN=TOP|BOTTOM|MIDDLE>
Tanpa baris baru <TH NOWRAP>
Rentang kolom <TH COLSPAN=#>
Rentang baris <TH ROWSPAN=#>
Lebar kepala table <TH WIDTH=#>
Warna kepala table <TH BGCOLOR=”#$$$$$$”>
Keterangan table <CAPTION>…</CAPTION>
Penataan keterangan <CAPTION ALIGN=TOP|BOTTOM>

Sejarah Dan Jenis Printer

Sejarah Dan Jenis-jenis Printer

Printer adalah alat yang menampilkan data dalam bentuk cetakan, baik berupa teks maupun gambar diatas kertas.
Printer biasanya terbagi atas beberapa bagian, yaitu picker sebagai alat untuk mengambil kertas dari baki. Baki atau Tray ialah tempat menaruh kertas. Tinta atau Tinta Bubuk Toner adalah alat pencetak sesungguhnya, karena ada sesuatu yang disebut Tinta atau Tinta Bubuk yang digunakan untuk menulis atau mencetak pada kertas. Perbedaan Tinta dan Tinta Bubuk ialah perbedaan sistem; Tinta Bubuk atau Laser butuh pemanasan, sedangkan Tinta atau Sembur Tinta tidak butuh pemanasan, hanya pembersih pada hulu pencetak (print head) tersebut.
Mencetak diatas Kertas, Kain, Kaca, Film Putih, Ebonit, dll. Ada pula Kabel lentur untuk pengiriman sinyal dari pengola pencetak ke Tinta atau Tinta Bubuk. Kabel ini tipis dan lentur, namun kuat. Pada bagian belakang printer biasanya ada colokan sejajar atau USB untuk penghubung ke komputer

Tokoh penemu printer pertama kali adalah seorang pandai logam berkebangsaan Jerman yaitu Johannes Gensfleisch Zur Laden Zum Gutenberg (sekitar 1398 hingga 3 Februari 1468).
Printer pertama berbentuk besar dan berat, dikarenakan bahab pembuatannya yang menggunakan logam, dan menggunakan minyak khusus sebagai tinta.
Gutenberg akhirnya mempublikasikan mesinnya pertama kali pada tahun 1950-an. Walaupun terlihat kuno, ternyata mesin ini sangat diandalkan, dikarenakan mesin ini dapat mengetik huruf secara Tepat, dan Cepat (tapi tidak secepat printer modern). Dan karena penemuannya ini Gutenberg menjadi orang terkenal di Jerman, dan orang banyak berdatangan kerumahnya untuk melihat secara langsung cara kerja mesin printer yang diciptakannya.
Dengan cepat mesin printer berkembang di dataran Eropa, dan hingga mesin printer modern yang sekarang kita gunakan.


Jenis-jenis Printer

1. Printer Dot Matrix
Printer Dot Matrix merupakan printer yang menggunakan pita sebagai alat percetakan. Karena menggunakan pita untuk menampilkan output ke kertas, hasil cetakan printer dengan Dot Matrix agak kasar dan kurang bagus. Dengan menggunakan printer ini, cetakan dapat langsung dirangkap dengan karbon. Sebab sistem pencetakannya masih menggunakan sistem ketukan.
Berhubung menggunakan pita sebagai sumber warnanya, maka warna yang dihasilkan pun tidak bervariasi. Hanya Hitam, Biru, dan Merah saja. Dan jarang sekali yang dapat menggunakan ketiga warna ini secara sekaligus.
Resolusi cetak Printer Dot Matrix masih sangat rendah, karena gambar yang tercetak akan terlihat seperti titik-titik yang saling berhubungan.
Kecepatan kinerja printer ini diukur dengan jumlah karakter yang bisa dicetak per detik dengan satuan cps (Charakter Per Second). Beberapa printer jenis ini berkecepatan 500 cps. Untuk menghubungkan dengan CPU masih menggunakan Port Pararel.
Meskipun saat ini teknologi printer sudah semakin canggih, namun Printer Dot Matrix masih diproduksi. Sebab Printer Dot Matrix dapat digunakan untuk mencetak dokumen tembusan, yang biasanya digunakan untuk membuat Kwitansi, Bon, dan Dokumen Keuangan lainnya.

2. Printer InkJet
Printer InkJet adalah alat cetak yang menggunakan tinta untuk mencetak. InkJet yang tersedia dipasaran saat ini memiliki kemampuan unruk mencetak sampai ukuran kertas yang sangat besar, dan kualitas yang sangat baik.
Resolusi Printer InkJet saat ini dapat mencapai 5760×1440 dpi. Pada printer jenis InkJet menggunakan teknologi Dor On Demand, yaitu dengan cara menyemprotkan titik-titik kecil tinta pada kertas melalui Nozzle atau lubang pipa yang sangat kecil. Teknologi lainnya yang dikembangkan oleh produsen printer seperti Canon dan HP dengan menggukan panas, panas tersebut dapat membuat gelembung-gelembung tinta sehingga jika semakin panas akan semakin menekan tinta ke Nozzle yang ditentukan dan tercetak pada kertas. Karena menggunakan tinta cair, hasil cetaknya menunggu beberapa detik agar kering.
Jenis Printer InkJet ini penempatan dan pengisian tintanya bisa dimodifikasi dengan teknik infus, yaitu dengan menambahkan tabung tinta khusus pada bagian luar printer dan disambung dengan selang kecil untuk dihubungkan pada bagian pencetak di mesin printer.

3. Printer LaserJet
LaserJet merupakan jenis printer yang paling bagus kualitasnya dibanding dua jenis printer sebelumnya. Alat mencetaknya tidak menggunakan tinta. Melainkan menggunakan bubuk toner dan pencetakan menggunakan Inframerah.
Printer ini juga menawarkan kecepatan pencetakan yang tinggi dibandingkan dengan Printer InkJet dan Dot Matrix. Minimal dua kali lebih cepat dari Printer InkJet. Kerja Printer Laser mirip dengan mesin Fotocopy, yaitu menggunakan Photographic Drum. Kualitas cetakan yang dihasilkan selain cepat, juga cukup tajam.
Printer Laser sanfat tepat bagi mereka yang frekuensi mencetaknya sangat tinggi. Biasanya adalah perkantoran-petkantoran. Namun, tidak menutupjuga Home User menggunakan Printer Laser. Hanya saja untuk Printer Laser berwarna yang kualitasnya sama dengan Printer InkJet, harganya dapat dua kali lebih besar dari Printer InkJet itu srndiri.

4. Thermal Printer
Thermal Printer sangat berbeda dari printer lainnya. Sama seperti namanya, Thermal Printer menggunakan panas untuk mencetak diatas kertas, bukan Cartridge Tinta yang biasa digunakan oleh printer jenis lainnya. Dengan teknologi ini, membuat Thermal Printer tidak bising (bahkan beberapa jenis Thermal Printer tidak mengeluarkan suara).
Printer ini juga dapat mencetak sangan cepat karena tidak menggunakan pin-pin seperti pada Printer Dot Matrix. Printer ini memiliki harga yang lebih tinggi diatas Printer Dot Matrix, namun justru dengan kelebihan yang dimilikunya tadi menyebabkan Thermal Printer banyak dipakai.

5. Printer LCD
Printer ini menggunakan konsep LED atau LCD sebagai penembak ion-ion pada Photoreceptor. Jenis printer ini memiliki kecepatan yang lebih maksimal dibandingkan jenis printer lainnya karena ion ditembakkan langsung secara menyeluruh ke permukaan kertas.
Cara kerja Printer LCD mirip dengan Printer LaserJet, dan perbedaannya hanya penggunaan laser saja.
Printer LCD menghasilkan cetakan yang sangat bagus dengan dengan grafis berkualitas tinggi.