Tutorial HTML
HyperText Markup Language (HTML) adalah sebuah bahasa yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajahan
Internet dan pemformatan hiperteks sederhana yang ditulis dalam berkas
format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi.
Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata
dan disimpan dalam format ASCII normal sehingga menjadi halaman web
dengan perintah-perintah HTML. Bermula dari sebuah bahasa yang
sebelumnya banyak digunakan di dunia penerbitan dan percetakan yang
disebut dengan SGML (Standard Generalized Markup Language), HTML adalah sebuah standar yang digunakan secara luas untuk menampilkan halaman web. HTML saat ini merupakan standar Internet yang didefinisikan dan dikendalikan penggunaannya oleh World Wide Web Consortium
(W3C). HTML dibuat oleh kolaborasi Caillau TIM dengan Berners-lee
Robert ketika mereka bekerja di CERN pada tahun 1989 (CERN adalah
lembaga penelitian fisika energi tinggi di Jenewa).
Contoh dokumen HTML sederhana
<!DOCTYPE html>
<html>
<head bgcolor=black text=white>
<title>'''Selamat Datang''' HTML</title>
</head>
<body>
<p>Halo dunia!</p>
</body>
</html>
Tag Dasar HTML
Komponen dasar dari suatu dokumen HTML terdiri dari tag elemen HTML,
HEAD dan BODY. Berikut ini adalah penjelasan dari Tag Elemen tersebut:
<html>
<head>
<title>Disini titel websiteku</title>
</head>
<body>
Disini adalah konten yang tampil di browser
</body>
</html>
Preview
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).
Tag pertama pada dokumen HTML diatas adalah: " <html>" tag ini merupakan awal dari suatu dokumen HTML, dan tag " </html>" merupakan akhir dari dokumen HTML. Isi keseluruhan dari suatu dokumen HTML selalu berada diantara tag <html>…</html>.
Kemudian tag " <head>…</head>" (header) adalah informasi dari dokumen HTML. Informasi di dalam header meliputi: title, meta, style, script dll. Selain Title informasi di dalam header ini nantinya tidak akan di tampilkan di web browser.
Tag berikutnya adalah " <title>…</title>" merupakan bagian dari Head, tag ini adalah sebagai Titel dari dokumen HTML, titel ini akan tampil di titel dan tab browser. Sebagai contoh sewaktu anda membuka file contoh diatas perhatikan akan muncul tulisan "Disini titel websiteku".
Tag "<body>…</body>" merupakan isi dari suatu dokumen HTML yang akan ditampilkan di web browser, yang terdiri dari berbagai macam format file berupa teks, grafik, link, animasi maupun audio-video (multimedia).
Format text HTML
Untuk menulis biasanya ada paragraf dan baris baru, lantas bagaiman
cara menuliskannya di dokumen HTML?. Dari contoh yang sudah kita buat
sebelumnya, coba tambahkan dengan tag-tag berikut ini:
<html>
<head>
<title>Selamat Datang di Websiteku</title>
</head>
<body>
Ini adalah halaman HTML pertamaku.
<p>Aku sedang membuat paragraf dan ini contohnya.</p>
<p>Ini contoh paragraf yang lainnya.</p>
<p>Ini juga paragraf mm...tapi de-<br>
ngan baris baru.<br>
Ini baris baru yang lain.</p>
</body>
</html> Format Font HTML
Tag HTML untuk font adalah <font>…</font>, dengan tag ini
kita bisa menentukan jenis font (face), warna (color), dan ukuran
(size), untuk lebih jelasnya mari kita perhatikan contoh berikut ini:
<html>
<head></head>
<body>
Untuk membuat jenis font (face):
<h1><font face="Verdana">Judul dengan font Verdana</font></h1>
<p><font face="Times">Konten dengan font Times</font></p>
Untuk membuat ukuran (size):
<h1><font size="5">Judul dengan size 5</font></h1>
<p><font size="3">Konten dengan size 3</font></p>
Untuk membuat warna font (color):
<h1><font color="blue">Judul dengan warna biru</font></h1>
<p><font color="red">Konten dengan warna merah</font></p>
Contoh komplit untuk membuat jenis font (face),size dan color:
<h1><font face="Verdana" size="4" color="green">Judulnya Tentang Font</font></h1>
<p><font face="Arial" size="3" color="#660000">Ini adalah contoh tulisan dengan <i>pengaturan font</i> yang menggunakan<br>
tag HTML elemen <b>font</b> dengan atribut face, size dan color...</font></p>
</body>
</html>
Berikut adalah sebagai referensi bagi anda untuk memanipulasi atribut face, color dan size:
Atribut :
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
face="Jenis font yang digunakan", contoh: face="Tahoma"
size="Ukuran dari font (1-7)", contoh: size="3"
size="Memperbesar ukuran font", contoh: size="+1"
size="Memperkecil ukuran font", contoh: size="-1"
color="Warna dari font", contoh: color="blue"
color="Warna dari font", contoh: color="#FF0000"
Perangkat Keras (Hardware) dan Perangkat Lunak (Software)Internet
Perangkat Keras Intranet
Untuk membangun jaringan komputer seperti LAN dan MAN dibutuhkan perangkat-perangkat keras yang memungkinkan komputer tersebut untuk saling berkomunikasi. Perangkat-perangkat tersebut antara lain:
1. Komputer
Berdasarkan fungsinya komputer dapat dibedakan menjadi dua, yaitu:
1) Komputer server, yaitu komputer yang berfungsi untuk melayani dan mengatur
jaringan komputer lainnya.
2) Komputer client, yaitu komputer yang berfungsi sebagai tempat dimana pengguna
komputer jaringan bekerja.
2. Kartu Jaringan
Kartu jaringan atau NIC (Network Interface Card) merupakan perangkat yang menghubungkan komputer ke suatu jaringan kartu yang dipasang pada salah satu slot ekspansi pada mainboard komputer.
3. Kabel Jaringan
Kabel jaringan merupakan komponen pokok dalam sebuah jaringan. Tanpa adanya media ini, jaringan tidak bisa berjalan dan tidak bisa digunakan untuk menghubungkan jaringan. Berikut ini macam-macam kabel jaringan
1) Kabel bersumbu sama (coaxial cable)
2) Kabel terpilin (twisted pair). Kabel terpilin terdiri atas dua jenis, yaitu kabel terpilin tanpa pelindung (unshielded Twisted Pair) dan kabel terpilin dengan pelindung (Shielded Twisted Pair). Kabel yang paling banyak digunakan adalah kabel tanpa pelindung karena disamping harganya relatif murah juga mudah didapat serta memiliki kemudahan dalam instalasinya.
3) Kabel serat optik (fibre optic cable)
Perangkat Keras Internet
Untuk menghubungkan komputer ke internet diperlukan beberapa perangkat keras, antara lain:
1. Komputer
Komputer merupakan perangkat keras yang mutlak ada untuk melakukan akses internet. Komputer yang digunakan untuk mengakses internet harus memiliki spesifikasi yang memadai.
a. Processor
Komputer yang digunakan minimal pentium 1. Processor ini bertugas mengatur dan mengendalikan semua peralatan yang ada pada sistem komputer. Semakin tinggi kemampuan sebuah processor maka semakin tinggi pula kecepatan komputer untuk memproses data.
b. Memory/RAM
RAM (Random Acces Memory) yang digunakan minimal 32 Mb. Ram berfungsi menyimpan masukan data dan perintah yang sifatnya sementara. Semakin besar kapasitas yang dimiliki oleh RAM maka semakin secap pula komputer memproses data.
c. Hardisk
Hardisk yang digunakan minimal berukuran 3,2 Gb (Gyga Byte). Hardisk berfungsi untuk menyimpan sistem operasi, program dan data-data.
2. Modem (Modulator Demodulator)
Modem adalah komponen elektronik yang berfungsi mengubah signal digital menjadi signal analog (signal suara) atau sebaliknya. Signal digital dari komputer diubah ke signal analog agar dapat ditransmisikan menggunakan jalur telekomunikasi telepon ke komputer lainnya. Setelah signal analog tersebut sampai ke komputer tujuan maka harus diubah kembali menjadi signal digital agar dapat dipahami oleh komputer kembali.
Modem ada dua jenis, yaitu:
1) Modem internal adalah modem yang dipasangkan dislot di motherboard dan terdapat di dalam CPU (Central Processing Unit).
Keuntungan menggunakan modem internal adalah harganya relatif lebih murah, tidak memerlukan tempat tersendiri karena terletak dalam CPU.
Kelemahan yaitu pemasangannya yang lebih sulit dan tidak dapat dipindah-pindahkan dari satu komputer ke komputer lain ( harus membuka casing CPU).
2) Modem eksternal
Keuntungan menggunakan modem internal adalah harganya relatif lebih murah, tidak memerlukan tempat tersendiri karena terletak dalam CPU.
Kelemahan yaitu pemasangannya yang lebih sulit dan tidak dapat dipindah-pindahkan dari satu komputer ke komputer lain ( harus membuka casing CPU).
2) Modem eksternal
Modem eksternal adalah modem yang terletak dibagian luar CPU (Central
Processing Unit). Modem eksternal terhubung ke motherboard melalui
Serial Port atau slot USB.
Keuntungan menggunakan modem eksternal adalah pemasangannya yang lebih gampang dan penggunaannya dapat dipindahkan dari satu komputer ke komputer lainnya dengan mudah (tanpa membuka casing) namun mempunyai kelemahan yaitu harganya relatif mahal dan memerlukan termpat tersendiri karena letaknya di luar CPU.
Keuntungan menggunakan modem eksternal adalah pemasangannya yang lebih gampang dan penggunaannya dapat dipindahkan dari satu komputer ke komputer lainnya dengan mudah (tanpa membuka casing) namun mempunyai kelemahan yaitu harganya relatif mahal dan memerlukan termpat tersendiri karena letaknya di luar CPU.
3. Jaringan Telpon
Jaringan telpon merupakan salah satu prasyarat yang sangat penting untuk mengakses internet. Jaringan telpon digunakan untuk meneruskan signal dari modem. Pada saat kita terhubung keinternet, berarti kita menggunakan pulsa telepon seperti pada saat kita menelpon. Tarif yang berlaku tergantung pada ISP yang kita gunakan.
Perangkat Lunak Untuk Mengakses Internet
Selain perangkat keras, untuk menghubungkan komputer ke internet diperlukan juga perangkat lunak (software). Perangkat lunak yang digunakan untuk mengakses internet diperlukan dua software yaitu:
1. Software sistem operasi
Software sistem adalah perangkat lunak yang berfungsi mengendalikan sistem kerja komputer secara mendasar. Software sistem akan mengontrol kerja komputer beserta perangkat input dan outputnya. Sistem operasi yang biasa digunakan antara lain Windows, Linux, Macintosh dll.
2. Software aplikasi
Software aplikasi digunakan untuk mengakses layanan-layanan yang ada diinternet, antara lain:
a. Microsoft Internet Explorer, Moxilla Firefox, Google Chrome, opera dan Netscape
Navigator adalah perangkat lunak browser yang digunakan untuk mengakses web.
b. Cute FTP, Go!Zilla adalah perangkat lunak untuk menjalankan FTP
c. mIRC, yahoo Messenger, plasa Messenger adalah program untuk menjalankan chatting
d. Yahoomail, Gmail, Hotmail, outlook Expres adalah perangkat lunak untuk aplikasi
e-mail
a. Microsoft Internet Explorer, Moxilla Firefox, Google Chrome, opera dan Netscape
Navigator adalah perangkat lunak browser yang digunakan untuk mengakses web.
b. Cute FTP, Go!Zilla adalah perangkat lunak untuk menjalankan FTP
c. mIRC, yahoo Messenger, plasa Messenger adalah program untuk menjalankan chatting
d. Yahoomail, Gmail, Hotmail, outlook Expres adalah perangkat lunak untuk aplikasi
Tidak ada komentar:
Posting Komentar