Rabu, 21 November 2018

Teknik Komputer Jaringan

Pengertian BIOS Dan Post



Pengertian BIOS pada Komputer

BIOS merupakan singkatan dari Baic Input Output System. Jika diartikan dari frasa katanya, maka BIOS dapat diartikan sebagai sistem dasar yang mengatur proses input dan output data yang ada pada perangkat komputer.
Pengertian BIOS secara lengkap yaitu merupakan sebuah program yang dibuat untuk mengatur berbagai fungsi perangkat keras (hardware) yang ada pada perangkat komputer. Program BIOS berbeda dengan perangkat lunak lainnya. Jika kebanyakan perangkat lunak diinstal di bagian memory harddisk ataupun media penyimpanan komputer, program BIOS disimpan pada sebuah chip khusus berupa memory flash yang biasa disebut dengan CMOS

pergertian post pada komputer 

POST atau nama lengkapnya adalah Power On Self Test merupakan suatu rangkaian proses test yang dijalankan oleh komputer disaat melakukan booting (pertama kali komputer dinyalakan) dengan tujuan mengecek kondisi dari keseluruhan komponen perangkat keras serta komponen-komponen pendukung lainnya. Maka dari itu, dengan adanya proses sistem POST seperti ini akan memungkinkan kita para pengguna komputer untuk bisa menganalisa, mengidentifikasi serta mengisolasi dalam menentukan letak dari kesalahan maupun permasalahan yang terjadi pada komputer.

Sudah paham kan apa yang dimaksud dengan POST?. pada kesimpulannya, dengan proses saat booting tersebut sangatlah membantu kita dalam menganalisa permasalahan komputer. Lalu dari manakah kita bisa mengetahui permasalahan apa yang sedang terjadi pada komputer?. Dari hal tersebut setidaknya ada 3 kode yang mengisyaratkan bahwa sedang terjadi masalah, berikut diantaranya :
  1. Kode suara beep
  2. Kode angka
  3. Kode pesan singkat
Dari setiap kode kesalahan yang ditampilkan oleh masing-masing komputer tidak selalu sama. Semua tergantung dari apa jenis BIOS yang agan gunakan pada komputer. Untuk BIOS itu sendiri saat ini ada 3 jenis yang sering digunakan pada komputer, yaitu AMI BIOS, AWARDS BIOS dan PHOENIX BIOS. Untuk mengetahui lebih jelasnya agan/sista bisa membaca artikel yang admin buat mengenai macam-macam kode beep.
Link :  


1. AMI BIOS
    AMI BIOS adalah BIOS yang dikembangkan oleh Megatrends Amerika. AMI BIOS adalah BIOS Firmware paling populer untuk PC.
Gambar 2. AMI BIOS

2. Phoenix BIOS
    Mengembangkan dan mendukung perangkat lunak sistem inti untuk komputer pribadi dan perangkat komputasi lainnya, produk Phoenix – biasa disebut sebagai BIOS (Basic Input / Output System) atau firmware – Dukungan dan mengaktifkan kompatibilitas, konektivitas, keamanan danpengelolaan berbagai komponen dan teknologi yang digunakan dalam perangkat tersebut.
Gambar 3. Phoenix BIOS

3. Award BIOS
    Untuk pengertiannya saya tidak menemukannya saya mohon maaf tapi saya akan menjelaskan tentang pesan kesalahan yang terjadi pada AWARD BIOS beserta jumlah beep nya yang ditimbulkan AWARD BIOS.
 
Gambar 4. Award BIOS

4. IBM BIOS
    OBM PC datang dengan tiga versi BIOS, yang dibedakan dari tanggalnya, yakni sebagai berikut: 24 April 1981, merupakan versi BIOS pertama dalam IBM PC yang hanya mendukung memori fisik hingga 544 KB. Tidak dilengkapi dengan fitur pemindaian blok memori UMA (Upper Memory Address) untuk beberapa kartu ekspansi (seperti video, adapter hard disk, dan lainnya).19 Oktober 1981, merupakan versi BIOS kedua dalam IBM PC yang hanya mendukung memori fisik hingga27 Oktober 1982, merupakan versi BIOS ketiga yang dapat mendukung memori fisik hingga 640 KB (conventional memory), ditambah dengan fitur pemindaian blok memori UMA. BIOS ini merupakan BIOS yang paling umum digunakan.

Upgrade BIOS hanya dapat dilakukan dengan mengganti chip BIOS yang lama dengan chip BIOS yang baru. IBM menjual kit upgrade BIOS dengan nomor spare part 1501005. 544 KB. Sama seperti halnya versi pertama tapi ditambahi beberapa bugfix.


Link : http://rievaldo12.blogspot.com/2015/04/bios-dan-fiturnya.html



Rabu, 12 September 2018

Hardware komputer dan fungsinya

Macam macam hardware komputer :
1. Mainboard atau Motherboard
motherboard adalah bagian komputer yang paling utama karena berisi sistem BIOS (Basic input output system) , pengatur koneksi input-output(chipset), soket prosessor, soket memory (RAM),  soket kartu grafis (VGA card) dan soket kartu tambahan (additional cards seperti PCI, ISA). BIOS adalah bagian utama yang mengatur sistem input output pada komputer. Bagian yang termasuk input seperti : Keyboard dan mouse. Bagian yang termasuk output seperti Monitor dan printer.
Motherboard
Motherboard
Beberapa merk motherboard yang terkenal adalah Asus, Gigabyte, Albatron, Abit, PCchips, ECS, Biostar, dan Jetway. Harga motherboard bervariasi tergantung dari merk dan spesifikasinya.
Yang perlu diperhatikan dalam memilih motherboard adalah jenis soket prosessor, Frekuensi BUS, Jumlah soket SATA dan PCI, Jumlah soket RAM dan yang paling penting adalah reputasi dan kehandalan dari sebuah merk.
2. Processor (CPU)
Prosessor adalah otak sentral dari sebuah komputer. Prosessor adalah yang mengerjakan semua perintah yang sudah terprogram dan disimpan dalam harddisk. Dalam prosessor dikenal istilah frekuensi clock, yaitu kecepatan sebuah prosessor untuk mengerjakan perintah program dalam satu detik. Satuan frekuensi Clock dinyatakan dalam Herts (Hz).
Chip Processor
Chip Processor
Contoh sebuah prosessor intel pentium 4 dengan frekuensi clock 2 Ghz mampu mengerjakan 2 milyar perintah dalam satu detik. Dalam menyebut sebuah prosessor biasanya sudah termasuk frekuensi clocknya, contoh : intel pentium4 2.0 GHz.
Merk prosessor yang terkenal adalah INTEL dan AMD. INTEL adalah pabrik prosessor besar yang berasal dari California USA. INTEL semakin populer setelah memproduksi prosessor INTEL PENTIUM. Selain INTEL kini ada AMD yang konon lebih bagus dalam mode grafis jadi cocok untuk para Gamer.
3. Harddisk (HDD)
Harddisk adalah media penyimpanan data permanen, jadi data tidak hilang meskipun listrik sudah dimatikan. Harddisk berisi sebuah cakram magnetik yang mampu menyimpan data. Ukuran harddisk dinyatakan dalam Byte (B), contoh: 160GB (160 milyar byte). Harddisk ditemukan  pertama kali oleh Reynold Johnson di tahun 1956. Harddisk pertama berukuran 4.4 MB.
Harddisk
Harddisk
Sekarang dikenal dua macam harddisk yaitu ATA dan SATA (Serial ATA). Harddisk ATA mempunyai koneksi 40 pin dan Harddisk SATA hanya mempunyai koneksi 6 pin. Harddisk SATA lebih cepat dari Harddisk ATA, namun jika motherboardnya tidak mendukung koneksi SATA maka kita tidak bisa menggunakan harddisk SATA. Sekarang ukuran Harddisk sudah sangat besar, seperti 500GB, 750GB, dan 1000GB (1 TB – Terra Byte).
Merk Harddisk yang terkenal adalah Seagate, West Digital, Maxtor, Samsung, dll. Harga hardisk tergantung dari kapasitas penyimpanan data sebuah harddisk, makin besar semakin mahal.
4. RAM (Random Access Memory)
RAM adalah unit penyimpan data tidak permanen artinya data dalam RAM akan hilang jika listrik mati. Ukuran data RAM dinyatakan dengan Byte (B) dan kecepatan akses RAM dinyatakan dengan Hertz (Hz). Jadi dalam RAM tidak cuma data saja, namun ada parameter lain yaitu kecepatan RAM. Kecepatan RAM harus sesuai dengan spesifikasi soket RAM pada motherboard. Contoh: RAM 512MB PC667 mempunyai ukuran data 512MB dengan kecepatan akses 667 MHz.
RAM
RAM
Keberadaan RAM dapat diibaratkan dengan meja kerja dan Harddisk diibaratkan dengan lemari arsip. Jika kita akan bekerja, pada awalnya kita ambil berkas dari lemari arsip lalu dipindah ke meja kerja supaya memudahkan dan mempercepat proses pengerjaan. Setelah selesai maka berkas tersebut kita simpan kembali di lemari arsip.
Contoh beberapa merk RAM adalah V-gen , Kingston, Visipro, Ramos, dll.
Generasi RAM dari waktu ke waktu :
  • Static RAM (SRAM)
  • Non Nolatile RAM (NV-RAM)
  • Dynamic RAM (DRAM)
  • Syncronous DRAM (SDRAM)
  • DDR RAM (Dual data rate RAM)
  • DDR II RAM (DDR generasi kedua)
  • DDR III RAM (DDR generasi ketiga)
5. Optical drive (CD / DVD)
Optical Drive adalah alat pembaca untuk media penyimpan data berupa disk DVD / CD. DVD/ CD berupa kepingan cakram optik yang berisi data.
DVD RW
DVD RW
Ada dua jenis DVD atau CD :
  • DVD atau CD ROM (Read Only Memory) yaitu hanya bisa membaca isi dari disk DVD / CD
  • DVD atau CD RAM (Random Access Memory) yaitu bisa membaca ran menulis. DVD atau CD RAM lebih dikenal dengan istilah DVD-RW atau CD-RW (RW = Read Write)
Contoh Merk DVD / CD ROM atau RAM adalah LG, Samsung, Sony, Pioneer, dll.
6. Floppy Disk
Floppy disk adalah media pembaca untuk disket.Ssaat ini mungkin disket sudah tidak populer. Namun diakui atau tidak disket turut memajukan dunia komputer selama beberapa dekade.
Floppy Drive
Floppy Drive
Disket adalah media penyimpan data portabel yang bisa dibawa-bawa. Disket terbuat dari sebuah cakram dari plastik magnetik. Ukuran disket sudah distandarkan, contoh : 1.2M, 1.44M
Dalam struktur drive pada microsoft windows, disket selalu menempati drive terhormat yaitu drive A.
7. VGA CARD (Kartu Grafis)
VGA adalah singkatan dari Video Graphics Array. VGA Card berfungsi mengeluarkan output grafis (gambar) untuk ditampilkan pada monitor. Ukuran VGA Card ditentukan dari ukuran RAM nya, semakin besar RAM sebuah VGA Card maka semakin halus gambar yang dihasilkan.
VGA card
VGA card
Perkembangan VGA Card dari waktu ke waktu :
  • VGA Card PCI (Peripheral Component Interconect)
  • VGA Card AGP (Accelerator Graphics Processor)
  • VGA Card PCI-E (PCI Express)
Merk VGA yang terkenal adalah ATI,  NVIDIA, S3, SIS, dan Trident.
8. Sound Card
Sound Card adalah bagian yang mendekode data data digital menjadi sinyal suara. Dengan penemuan soundcard maka perkembangan dunia multimedia pada komputer menjadi makin meluas.
Sound Card
Sound Card
Sound Card yang baik mampu menghasilkan suara dengan sampling yang rapat dan halus sehingga suara yang dihasilkan mendekati suara asli / Hi Fi (Hi Fi = High Fidelity)
Contoh merk soundcard yang terkenal adalah Creative, Ess, Realtek,  Cmedia, dll.
9. Keyboard
Keyboard adalah sebuah papan ketik yang berisi semua model huruf, angka, karakter dan tanda baca yang menjadi sarana bagi pengguna komputer dalam memasukkan data ke komputer.
Keyboard
Keyboard
Tombol tombol pada keyboard mengikuti model tombol pada mesin ketik manual. Tombol keyboard yang paling terkenal adalah tombol ENTER, tombol ini adalah tombol untuk memasukkan data setelah diketik.
10. Mouse (Pointing Device)
Mouse adalah sebuah alat pointer untuk mengakses melalui layar monitor.
Mouse
Mouse
Dengan mouse maka penggunaan komputer menjadi lebih interaktif dan Menggambar melalui komputer menjadi semakin mudah.
11. Monitor
Monitor adalah media tampilan gambar haril output dari VGA Cards. Dahulu monitor komputer dimulai dengan monitor tabung hitam-putih, monitor warna CGA, VGA, dan SVGA.
LCD Monitor
LCD Monitor
Kini monitor yang sedang populer adalh monitor LCD. LCD mempunyai beberapa kelebihan, antara lain : tipis, hemat biaya dan tingkat radiasi yang rendah.
12. Printer
Printer adalah alat untuk mencetak hasil kerja dari komputer kedalam media kertas. Printer ada yang menggunakan sistem dot matrik, tinta dan laserjet.
Printer
Printer
Dahulu printer hanya untuk mencetak dokumen, kini printer sudah bisa untuk mencetak foto.
Merk printer yang terkenal adalah HP, Canon, Epson, dll.

Senin, 13 Agustus 2018

Pemrograman Web

HTML

Jump to navigationJump to search
HTML (Hypertext Markup Language)
HTML.svg
Ekstensi berkas.html, .htm
Jenis MIMEtext/html
Type codeTEXT
Uniform Type Identifierpublic.html
Dikembangkan olehWorld Wide Web Consortium
Jenis formatMarkup language
Pengembangan dariStandard Generalized Markup Language
Dikembangkan menjadiXHTML
Standar W3C HTML 3.2
W3C HTML 5(draft)
Hypertext Markup Language (HTML) adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah web 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).[1]




Sejarah
Pada tahun 1980 seorang ahli fisika, Tim Berners-Lee, dan juga seorang kontraktor di CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE, sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Sembilan tahun kemudian, Berners-Lee mengusulkan adanya sistem markah berbasis internet.[2] Berners-Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir 1990. Pada tahun yang sama, Berners-Lee dan Robert Cailliau, insinyur sistem data CERN berkolaborasi dalam sebuah permintaan untuk pendanaan, namun tidak diterima secara resmi oleh CERN. Di catatan pribadinya[3] sejak 1990 dia mendaftar[4] "beberapa dari banyak daerah yang menggunakan hypertext" dan pertama-tama menempatkan sebuah ensiklopedia.
Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah dokumen yang disebut "Tanda HTML", pertama kali disebutkan di Internet oleh Tim Berners-Lee pada akhir 1991.[5][6] Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari HTML. Kecuali untuk tag hyperlink, yang sangat dipengaruhi oleh SGMLguid, in-house Standard Generalized Markup Language (SGML) berbasis format dokumen di CERN. Sebelas elemen ini masih ada di HTML 4.[7]
HTML adalah bahasa markah yang digunakan peramban untuk menafsirkan dan menulis teks, gambar dan bahan lainnya ke dalam halaman web secara visual maupun suara. Karakteristik dasar untuk setiap item dari markah HTML didefinisikan di dalam peramban, dan karakteristik ini dapat diubah atau ditingkatkan dengan menggunakan tambahan halaman web desainer CSS. Banyak elemen teks ditemukan di laporan teknis ISO pada tahun 1988 TR 9537 Teknik untuk menggunakan SGML, yang pada gilirannya meliputi fitur bahasa format teks awal seperti yang digunakan oleh komandan RUNOFF dikembangkan pada awal 1960-an untuk sistem operasi: perintah-perintah format ini berasal dari perintah yang digunakan oleh pengetik untuk memformat dokumen CTSS secara manual. Namun, konsep SGML dari markah umum didasarkan pada unsur-unsur daripada hanya efek cetak, dengan pemisahan struktur dan markah juga; HTML telah semakin bergerak ke arah ini dengan CSS.

Sejarah versi HTML[sunting | sunting sumber]

24 November 1995
HTML 2.0 dipublikasikan sebagai IETF RFC 1866. Penambahan RFC memperbanyak kemampuan untuk:
  • November 25, 1995: RFC 1867 (mengunggah file berdasarkan bentuk)
  • Mei 1996: RFC 1942 (tabel)
  • Agustus 1996: RFC 1980 (peta gambar berbasis klien)
  • Januari 1997: RFC 2070 (internasionalisasi)
14 Januari 1997
HTML 3.2[8] dipublikasikan sebagai Konsorsium World Wide Web. Versi ini merupakan versi pertama yang dikembangkan dan distandarisasi secara khusus oleh Konsorsium World Wide Web, sebagaimana IETF sudah menutup kelompok kerja HTMLnya pada 12 September, 1996.[9]
Pada awalnya disebut "Wilbur",[10] HTML 3.2 menghilangkan rumus matematika sama sekali yang sedang berkonsiliasi atas kasus tumpang tindih antara berbagai kepemilikan dan mengadopsi sebagian besar tanda markah visual dari Netscape. Elemen kedip dari Netscape dan elemen marquee besutan Microsoft dihilangkan karena kesepakatan bersama antara kedua perusahaan.[11] Sebuah markup untuk rumus matematika serupa dengan yang ada dalam HTML tidak memiliki standar sampai 14 bulan kemudian di MathML.
18 December 1997
HTML 4.0[12] dipublikasikan sebagai rekomendasi W3C. Versi ini memiliki 3 variasi, yaitu:
  • Ketat, di mana elemen terdeprekasi dilarang.
  • Transisional, di mana elemen terdeprekasi diperbolehkan.
  • Frameset, di mana sebagian besar hanya elemen yang berkaitan dengan frame diperbolehkan.
Dulunya memiliki kode nama "Cougar",[10] HTML 4.0 mengadopsi banyak tipe elemen dan atribut yang spesifik untuk peramban.HTML 4 adalah sebuah aplikasi SGML sesuai dengan ISO 8879 – SGML.[13]

Kegunaan[sunting | sunting sumber]

Dokumen HTML mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b> TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.[14]

Kegunaan lain[sunting | sunting sumber]

  • Mengintegerasikan gambar dengan tulisan.
  • Membuat Pranala.
  • Mengintegerasikan berkas suara dan rekaman gambar hidup.
  • Membuat form interaktif.[15]

Menyunting format tulisan[sunting | sunting sumber]

HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah:
  • Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya.
  • Menampilkan tulisan dalam bentuk cetakan tebal
  • Menampilkan sekelompok kata dalam bentuk miring
  • Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik
  • Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu.

Markah/Tanda[sunting | sunting sumber]

Secara garis besar, terdapat 4 jenis elemen dari HTML:
  • Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1
  • Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan,
  • Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu),
  • Elemen widget yang membuat objek-objek lain seperti tombol (<button>), daftar (<li>), dan garis horizontal (<hr>). Konsep hiperteks pada HTML memungkinkan pembuatan tautan pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web,
Ada tiga macam pranala (link) yang dapat digunakan:
  • Pranala menuju bagian lain dari page.
  • Pranala menuju page lain dalam satu web site.
  • Pranala menuju resource atau web site yang berbeda.[16]
Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets.

Contoh dokumen HTML sederhana[sunting | sunting sumber]

Untuk HTML 4 Strict [17]
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
 "http://www.w3.org/TR/html4/strict.dtd">
<html>
 <head bgcolor=black text=white>
  <title>Selamat Datang HTML</title>
 </head>
 <body>
  <p>Halo dunia!</p>
 </body>
</html>
Untuk HTML 5 [18]
<!DOCTYPE HTML>
<html>
 <head style="background-color: black; color: white;">
  <title>Selamat Datang HTML</title>
 </head>
 <body>
  <p>Halo dunia!</p>
 </body>
</html>

Head[sunting | sunting sumber]

Dokumen HTML diapit oleh tag <HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya dapat digunakan untuk menentukan informasi tertentu mengenai dokumen HTML. Anda bisa menentukan author name, keywords, dan lainnya pada tag META.
Contoh:
<meta name="author" content="ubuntu-online">

Body[sunting | sunting sumber]

Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML di mana anda meletakan informasi yang akan ditampilkan pada browser.

Tag[sunting | sunting sumber]

HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>).
Tag biasanya merupakan suatu pasangan yang disebut dengan:
  • Tag awal, dinyatakan dalam bentuk <nama tag>
  • Tag akhir, dinyatakan dalam bentuk </nama tag>
Formatnya: <nama tag> teks yang ditampilkan </nama tag>.
Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i>

Atribut[sunting | sunting sumber]

Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <P STYLE="text-align:left"> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah STYLE dengan nilai "text-align:left". Nilai atribut STYLE ditulis dalam bahasa CSS.

Referensi[sunting | sunting sumber]

  1. ^ Wendy willard (2006). HTMLISBN 9790072263787.
  2. ^ Tim Berners-Lee, "Information Management: A Proposal." CERN (March 1989, May 1990). W3.org
  3. ^ Tim Berners-Lee, "Design Issues"
  4. ^ Tim Berners-Lee, "Design Issues"
  5. ^ Kesalahan pengutipan: Tag <ref> tidak sah; tidak ditemukan teks untuk ref bernama tagshtml
  6. ^ "First mention of HTML Tags on the www-talk mailing list". World Wide Web Consortium. October 29, 1991. Diakses tanggal April 8, 2007.
  7. ^ "Index of elements in HTML 4". World Wide Web Consortium. December 24, 1999. Diakses tanggal April 8, 2007.
  8. ^ "HTML 3.2 Reference Specification". World Wide Web Consortium. January 14, 1997. Diakses tanggal November 16, 2008.
  9. ^ "IETF HTML WG". Diakses tanggal June 16, 2007Catatan: Kelompok kerja ini ditutup
  10. ^ a b Arnoud Engelfriet. "Introduction to Wilbur". Web Design Group. Diakses tanggal June 16, 2007.
  11. ^ Kesalahan pengutipan: Tag <ref> tidak sah; tidak ditemukan teks untuk ref bernama raggett
  12. ^ "HTML 4.0 Specification". World Wide Web Consortium. December 18, 1997. Diakses tanggal November 16, 2008.
  13. ^ "HTML 4 – 4 Conformance: requirements and recommendations". Diakses tanggal December 30, 2009.
  14. ^ Andi (2001). Desain Web dengan Microsoft FrontPage 97. Wahana Komputer & Andi Yogyakarta. ISBN 9795335219.
  15. ^ David Willard (2005). Crash CourseISBN 0071422420.
  16. ^ Shelly woods (2001). Introductory Concepts and Techniques. Gex publising service. ISBN 978142927206.
  17. ^ Steven E. Callihan (2006). HTML 4 in a Weekend. USA. ISBN 1592000592.
  18. ^ "A vocabulary and associated APIs for HTML and XHTML: 4 The elements of HTML — HTML5" (HTML) (dalam bahasa Bahasa Inggris). W3C. 28 Oktober 2014. Diakses tanggal 22 April 2015.

Pranala luar[sunting | sunting sumber]



Link : Sejarah versi HTML 24 November 1995 HTML 2.0 dipublikasikan sebagai IETF RFC 1866. Penambahan RFC memperbanyak kemampuan untuk: November 25, 1995: RFC 1867 (mengunggah file berdasarkan bentuk) Mei 1996: RFC 1942 (tabel) Agustus 1996: RFC 1980 (peta gambar berbasis klien) Januari 1997: RFC 2070 (internasionalisasi) 14 Januari 1997 HTML 3.2[8] dipublikasikan sebagai Konsorsium World Wide Web. Versi ini merupakan versi pertama yang dikembangkan dan distandarisasi secara khusus oleh Konsorsium World Wide Web, sebagaimana IETF sudah menutup kelompok kerja HTMLnya pada 12 September, 1996.[9] Pada awalnya disebut "Wilbur",[10] HTML 3.2 menghilangkan rumus matematika sama sekali yang sedang berkonsiliasi atas kasus tumpang tindih antara berbagai kepemilikan dan mengadopsi sebagian besar tanda markah visual dari Netscape. Elemen kedip dari Netscape dan elemen marquee besutan Microsoft dihilangkan karena kesepakatan bersama antara kedua perusahaan.[11] Sebuah markup untuk rumus matematika serupa dengan yang ada dalam HTML tidak memiliki standar sampai 14 bulan kemudian di MathML. 18 December 1997 HTML 4.0[12] dipublikasikan sebagai rekomendasi W3C. Versi ini memiliki 3 variasi, yaitu: Ketat, di mana elemen terdeprekasi dilarang. Transisional, di mana elemen terdeprekasi diperbolehkan. Frameset, di mana sebagian besar hanya elemen yang berkaitan dengan frame diperbolehkan. Dulunya memiliki kode nama "Cougar",[10] HTML 4.0 mengadopsi banyak tipe elemen dan atribut yang spesifik untuk peramban.HTML 4 adalah sebuah aplikasi SGML sesuai dengan ISO 8879 – SGML.[13] HTML 2.0—(RFC 1866) disetujui sebagai standar 22 September 1995, HTML 3.2—14 Januari 1996, HTML 4.0—18 Desember 1997, HTML 4.01 (minor fixes)—24 Desember 1999, ISO/IEC 15445:2000 ("ISO HTML", berdasar pada HTML 4.01 Strict)—15 Mei 2000. HTML 5 (stabil) rekomendasi W3C—28 Oktober 2014. Kegunaan Dokumen HTML mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat tulisan ditampilkan menjadi tebal seperti: TAMPIL TEBAL, maka penulisannya dilakukan dengan cara: <b> TAMPIL TEBAL</b>. Tanda <b> digunakan untuk mengaktifkan instruksi cetak tebal, diikuti oleh tulisan yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan format di dalam halaman web daripada menentukan penampilannya. Sedangkan penjelajah web digunakan untuk menginterpretasikan susunan halaman ke gaya built-in penjelajah web dengan menggunakan jenis tulisan, tab, warna, garis, dan perataan text yang dikehendaki ke komputer yang menampilkan halaman web. Salah satu hal Penting tentang eksistensi HTML adalah tersedianya Lingua franca (bahasa Komunikasi) antar komputer dengan kemampuan berbeda. Pengguna Macintosh tidak dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat dalam pc berbasis Windows. Pengguna Microsoft Windows pun tidak akan dapat melihat tampilan yang sama sebagaimana tampilan yang terlihat pada pengguna yang menggunakan Produk-produk Sun Microsystems. namun demikian pengguna-pengguna tersebut dapat melihat semua halaman web yang telah diformat dan berisi Grafika dan Pranala.[14] Kegunaan lain Mengintegerasikan gambar dengan tulisan. Membuat Pranala. Mengintegerasikan berkas suara dan rekaman gambar hidup. Membuat form interaktif.[15] Menyunting format tulisan HTML memungkinkan seseorang untuk menyunting tampilan atau format berkas yang akan dikirimkan melalui media daring. Beberapa hal yang dapat dilakukan dalam menentukan format berkas adalah: Menampilkan suatu kelompok kata dalam beberapa ukuran yang dapat digunakan untuk judul, heading dan sebagainya. Menampilkan tulisan dalam bentuk cetakan tebal Menampilkan sekelompok kata dalam bentuk miring Menampilkan naskah dalam bentuk huruf yang mirip dengan hasil ketikan mesin ketik Mengubah-ubah ukuran tulisan untuk suatu karakter tertentu. Markah/Tanda Secara garis besar, terdapat 4 jenis elemen dari HTML: Struktural. Tanda yang menentukan level atau tingkatan dari sebuah tulisan (contoh, <h1>Golf</h1> akan memerintahkan peramban untuk menampilkan "Golf" sebagai tulisan tebal besar yang menunjukkan sebagai Heading 1 Presentasional. Tanda yang menentukan tampilan dari sebuah tulisan tidak peduli dengan level dari tulisan tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentasional saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan tulisan, Hiperteks. Tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.wikipedia.org/"> Wikipedia</a> akan menampilkan Wikipedia sebagai sebuah hyperlink ke URL tertentu), Elemen widget yang membuat objek-objek lain seperti tombol (<button>), daftar (<li>), dan garis horizontal (<hr>). Konsep hiperteks pada HTML memungkinkan pembuatan tautan pada suatu kelompok kata atau frasa untuk menuju ke bagian manapun dalam World Wide Web, Ada tiga macam pranala (link) yang dapat digunakan: Pranala menuju bagian lain dari page. Pranala menuju page lain dalam satu web site. Pranala menuju resource atau web site yang berbeda.[16] Selain markup presentasional, markup yang lain tidak menentukan bagaimana tampilan dari sebuah tulisan. Namun untuk saat ini, penggunaan tag HTML untuk menentukan tampilan telah dianjurkan untuk mulai ditinggalkan, dan sebagai gantinya digunakan Cascading Style Sheets. Contoh dokumen HTML sederhana Untuk HTML 4 Strict [17] <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html> <head bgcolor=black text=white> <title>Selamat Datang HTML</title> </head> <body> <p>Halo dunia!</p> </body> </html> Untuk HTML 5 [18] <!DOCTYPE HTML> <html> <head style="background-color: black; color: white;"> <title>Selamat Datang HTML</title> </head> <body> <p>Halo dunia!</p> </body> </html> Head Dokumen HTML diapit oleh tag <HEAD></HEAD>. Di dalam bagian ini biasanya dimuat tag TITLE yang menampilkan judul halaman pada titlenya browser. Selain itu Bookmark juga menggunakan tag TITLE untuk memberi mark suatu web site. Browser menyimpan “title” sebagai bookmark dan juga untuk keperluan pencarian (searching) biasanya title digunakan sebagai keyword. Header juga memuat tag META yang biasanya dapat digunakan untuk menentukan informasi tertentu mengenai dokumen HTML. Anda bisa menentukan author name, keywords, dan lainnya pada tag META. Contoh: <meta name="author" content="ubuntu-online"> Body Bagian BODY, yang dinyatakan dengan tag <BODY>…</BODY>, merupakan tubuh atau isi dari dokumen HTML di mana anda meletakan informasi yang akan ditampilkan pada browser. Tag HTML tidak membedakan penggunaan huruf besar ataupun huruf kecil dari suatu elemen. Suatu elemen HTML terdiri dari tag-tag beserta teks yang ada dalam tag-tag tersebut. Tag ini dinyatakan dengan tanda lebih kecil (<) dan tanda lebih besar (>). Tag biasanya merupakan suatu pasangan yang disebut dengan: Tag awal, dinyatakan dalam bentuk <nama tag> Tag akhir, dinyatakan dalam bentuk </nama tag> Formatnya: <nama tag> teks yang ditampilkan </nama tag>. Contoh: untuk menampilkan teks dalam format teks miring Teks ini terlihat miring di browser anda dengan perintah HTML <i>Teks ini terlihat miring di browser Anda</i> Atribut Tag awal bisa memiliki beberapa buah atribut yang menyatakan karakteristik dari tag tersebut. Misalnya, <P STYLE="text-align:left"> digunakan untuk membuat rata kiri suatu paragraf. Tag yang digunakan adalah <P> dan atribut yang menyertainya adalah STYLE dengan nilai "text-align:left". Nilai atribut STYLE ditulis dalam bahasa CSS. Referensi ^ Wendy willard (2006). HTML. ISBN 9790072263787. ^ Tim Berners-Lee, "Information Management: A Proposal." CERN (March 1989, May 1990). W3.org ^ Tim Berners-Lee, "Design Issues" ^ Tim Berners-Lee, "Design Issues" ^ Kesalahan pengutipan: Tag <ref> tidak sah; tidak ditemukan teks untuk ref bernama tagshtml ^ "First mention of HTML Tags on the www-talk mailing list". World Wide Web Consortium. October 29, 1991. Diakses tanggal April 8, 2007. ^ "Index of elements in HTML 4". World Wide Web Consortium. December 24, 1999. Diakses tanggal April 8, 2007. ^ "HTML 3.2 Reference Specification". World Wide Web Consortium. January 14, 1997. Diakses tanggal November 16, 2008. ^ "IETF HTML WG". Diakses tanggal June 16, 2007. Catatan: Kelompok kerja ini ditutup ^ a b Arnoud Engelfriet. "Introduction to Wilbur". Web Design Group. Diakses tanggal June 16, 2007. ^ Kesalahan pengutipan: Tag <ref> tidak sah; tidak ditemukan teks untuk ref bernama raggett ^ "HTML 4.0 Specification". World Wide Web Consortium. December 18, 1997. Diakses tanggal November 16, 2008. ^ "HTML 4 – 4 Conformance: requirements and recommendations". Diakses tanggal December 30, 2009. ^ Andi (2001). Desain Web dengan Microsoft FrontPage 97. Wahana Komputer & Andi Yogyakarta. ISBN 9795335219. ^ David Willard (2005). Crash Course. ISBN 0071422420. ^ Shelly woods (2001). Introductory Concepts and Techniques. Gex publising service. ISBN 978142927206. ^ Steven E. Callihan (2006). HTML 4 in a Weekend. USA. ISBN 1592000592. ^ "A vocabulary and associated APIs for HTML and XHTML: 4 The elements of HTML — HTML5" (HTML) (dalam bahasa Bahasa Inggris). W3C. 28 Oktober 2014. Diakses tanggal 22 April 2015. Pranala luar HTML ASCII - ISO 8859-1 Table with HTML Entity Names W3C's HTML Validator HTML/XHTML Validator Project on SourceForge HTML+ Discussion Document (obsolete) NCSA's Beginner's Guide to HTML The "Head" Part of an HTML Document How to use the title property of HTML, by JnanaBase HTML5 Showcase

  • PERINTAH-PERINTAH HTML

    PERINTAH-PERINTAH HTML Sumber Modul MR. HANDRI SUNJAYA
    TEKS
    Berikut ini adalah perintah-perintah HTML untuk penanganan TEKS.

    <H1> Sampai <H6>
    fungsi  : untuk membuat (memilih) ukuran teks.
    Sintak  : <H1>             </H1>
    Contoh
    <HTML>
    <HEAD><TITLE>Contoh Heading</TITLE></HEAD>
    <BODY>
    <H1> Teks dengan Heading 1</H1>
    <H2> Teks dengan Heading 2</H2>
    <H3> Teks dengan Heading 3</H3>
    <H4> Teks dengan Heading 4</H4>
    <H5> Teks dengan Heading 5</H5>
    <H6> Teks dengan Heading 6</H6>
    </BODY>
    </HTML>

    <HR>
    Perintah ini digunakan untuk membuat garis horizontal penuh layar
    Sintaks            : <HR>
    Contoh            :
    <HTML>
    <HEAD><TITLE>     </TITLE></HEAD>
    <BODY>

    <HR> Kalimat ini diapit oleh 2 buah garis<HR>

    </BODY>
    </HTML>

    <I>
    Perintah ini digunakan untuk membuat teks miring.
    Sintaks            : <I>    </I>
    Contoh
    <HTML>
    <HEAD><TITLE>     </TITLE></HEAD>
    <BODY>

    <I> Selamat Datang Ke Websiteku</I>

    </BODY>
    </HTML>
    <B>
    Perintah ini digunakan untuk membuat teks tebal.
    Sintaks            : <B>   </B>
    Contoh
    <HTML>
    <HEAD><TITLE>     </TITLE></HEAD>
    <BODY>
    <B> Selamat Datang Ke Websiteku</B>
    </BODY>
    </HTML>

    <U>
    Perintah ini digunakan untuk membuat teks bergaris bawah.
    Sintaks            : <U>   </U>
    <HTML>
    <HEAD><TITLE>     </TITLE></HEAD>
    <BODY>
    <U> Selamat Datang Ke Websiteku</U>
    <U><B> Selamat Datang Ke Websiteku</U></B>
    </BODY>
    </HTML>

    <CENTER>
    Perintah ini untuk membuat teks ke tengah layar.
    Sintaks            : <CENTER>  </CENTER>
    Contoh            :
    <HTML>
    <HEAD><TITLE>     </TITLE></HEAD>
    <BODY>
    <H1><CENTER> Selamat Datang Ke Websiteku</CENTER></H1>
    </BODY>
    </HTML>

    ALIGN
    Digunakan untuk membuat teks rata kiri, tengah, kanan atau rata kanan dan kiri.
    Sintaks            :
    <P ALIGN=right>      → Rata Kanan
    <P ALIGN=left>        → Rata Kiri
    <P ALIGN=center>   → Rata Tengah
    <P ALIGN=justify>   → Rata Kanan dan Kiri
    atau
    <H ALIGN=right>
    <H ALIGN=left>
    <H ALIGN=center>
    <H ALIGN=justify>
    Contoh pemakaian :
    <H2 ALIGN=center>SELAMAT DATANG </H2>

    <BR> (Line Break)
    Perintah ini digunakan untuk memasukan fungsi Enter. Sebagai contoh, jika perintah <BR> diberikan di akhir baris, maka kalimat berikutnya akan dicetak pada baris berikutnya.

    <!–
    Perintah untuk membuat KOMENTAR. Semua teks atau perintah yang diapit perintah ini tidak akan dijalankan. Ini hanya komentar untuk program.
    Sintaks            : <!–    –>
    Contoh            : <!—Ini adalah contoh komentar –>

    <SMALL>
    Perintah untuk membuat teks berukuran kecil.

    <BIG>
    Perintah untuk membuat teks berukuran besar

    <P> (Paragraph)
    Perintah ini digunakan untuk memisahkan paragraph yang satu dengan paragraph yang lain.
    Sintaks            : <P>   </P>

    <DD>
    Perintah ini digunakan untuk membuat teks atau sebuah paragraph agak masuk ke dalam.
    Sintaks            : <DD>

    BASEFONT
    Perintah ini digunakan untuk mengubah ukuran font.
    Contoh            :
    <HTML>
    <HEAD><TITLE>     </TITLE></HEAD>
    <BODY>

    <BASEFONT SIZE=6>
    Teks dengan ukuran 6 pt<BR>
    <B>Teks dengan ukuran 6 pt dan tebal</B>

    <BASEFONT SIZE=10>
    <BR>
    Teks dengan ukuran 10 pt

    </BODY>
    </HTML>

    FONT
    Juga untuk mengubah ukuran font, tetapi angka yang terdapat dalam SIZE yang merupkan ukuran font harus diberi tanda kutip.
    FACE
    Untuk mengubah jenis font
    Contoh :
    <HTML>
    <HEAD><TITLE>     </TITLE>
    </HEAD>
    <BODY>

    <FONT SIZE =”6” FACE=”Times New Roman”>
    Teks dengan jenis font Times New Roman.
    <FONT SIZE =”6” FACE=”Arial”>
    Teks dengan jenis font Arial.

    </BODY>
    </HTML>

    <SUP>
    Perintah ini digunakan untuk membuat cetak naik suatu teks.
    Contoh :
    <HTML>
    <HEAD><TITLE>     </TITLE>
    </HEAD>
    <BODY>

    Kami adalah yang pertama : 1<SUP>st</SUP> in the world.

    </BODY>
    </HTML>

    <SUB>
    Perintah ini digunakan untuk membuat cetak turun suatu teks.
    Contoh :
    <HTML>
    <HEAD><TITLE>     </TITLE></HEAD>
    <BODY>

    H<SUB>2</SUB>O (disebut air(

    </BODY>
    </HTML>

    <UL>
    Perintah <UL> (Unordered List) adalah perintah untuk membuat daftar (list).

    <LI>
    Perintah <LI> (List Item) adalah perintah untuk membuat daftar (list)
    CATATAN : Perintah <LI> harus berada dalam perintah OL, UL, DIR, MENU.

    Contoh            :
    <HTML>
    <HEAD><TITLE>     </TITLE>
    </HEAD>
    <BODY>

    <UL>
    <LI>
    <H2>JAWA TIMUR</H2>
    <UL>
    <LI>SURABAYA</LI>
    <LI>MALANG</LI>
    <LI>GRESIK</LI>
    </UL>
    </LI>
    <BR>
    <LI>
    <H2>JAWA BARAT</H2>
    <UL>
    <LI>BANDUNG</LI>
    <LI>SUKABUMI</LI>
    <LI>BOGOR</LI>
    </UL>
    </LI>
    </BODY>
    </HTML>

    BODY

    <BODY … </BODY>
    Perintah BODY adalah perintah untuk membuat warna latar belakang pada layar, mengubah warna link, mengubah warna dasar link, menampilkan pesan ketika halaman ditutup, dan lain-lain sesuai dengan atribut yang diberikan. Sedangkan BODY memiliki 8 atribut, antara lain :
    TEXT=warnaUntuk menentukan warna teks.
    BGCOLOR=warnaUntuk mengubah warna dasar layar (halaman).
    BACKGROUND=URLUntuk mengatur warna latar belakang gambar.
    LINK=warnaUntuk menentukan warna link.
    ALINK=warnaUntuk menentukan warna link yang sedang dipilih.
    VLINK=warnaUntuk menentukan warna link yang sudah dikunjungi.
    ONLOAD=stringPerintah yang akan dilaksanakan ketika halaman Website selesai di Download
    ONUNLOAD=stringPerintah yang akan dilaksanakan ketika halaman Website ditutup.



    Contoh :
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000” LINK=”#0000FF” VLINK=”#800080”>
    <BODY ONUNLOAD=”window.alert(‘Terima kasih!’)”>

    INPUT

    <INPUT>
    Adalah perintah untuk meminta memasukan (input) dari pengunjung, sedangkan INPUT memiliki cukup banyak atribut, antara lain:
    • TYPE=[text | password | checkbox | radio | submit | reset | file | hidden | image | button] (jenis input)
    • NAME=string (kunci dalam form submit)
    • VALUE=string (nilai dari input)
    • CHECKED (tombol check radio atau checkbox)
    • SIZE=number(panjang kotak teks)
    • MAXLENGHT=number (panjang karakter)
    • SCR=URL (lokasi URL atau gambar)
    • ALT=string (keterangan untuk gambar)
    • ALIGN=[top | middle | bottom | left | right] (pengaturan teks atau gambar)
    • DISABLED (menyembunyikan elemen)
    • READONLY (mencegah perubahan)
    • ACCEPT=string (media untuk upload file)
    • ACCESSKEY=character (tombol shortcut)
    • TABINDEX=number (posisi tab)
    • ONFOCUS=string (kotak teks yang menerima fokus / kursor)
    • ONBLUR=string (kotak teks yang ditinggalkan focus / kursor)
    • ONSELECT=string (teks yang dipilih)
    • ONCHANGE=string (nilai yang akan diganti)
    • ONCLICK=string (perintah yang akan dilaksanakan apabila tombol di klik)

    Contoh :
    Program 1
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <p> <label accesskey=u>Nama Anda: <input type=”text” name=”username” size=”20″ maxlength=”30″></label></p>
    <p> <label accesskey=p>Password: <input type=”password” name=”pw” size=”20″ maxlength=”20″></label></p>
    </BODY>
    </HTML>
    Program 2
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <p> Silahkan pilih jenis pembayaran Anda :</p>
    <p><label accesskey=c><input type=”radio” name=”jenis pembayaran” value=”master card” checked>Master card </label><br>
    <p><label accesskey=d><input type=”radio” name=”jenis pembayaran” value=”visa card” checked>Visa card </label><br>
    <p><label accesskey=m><input type=”radio” name=”jenis pembayaran” value=”wesel pos” checked>Wesel pos </label><br>
    <p><label accesskey=s><input type=”checkbox” name=”kirim” value=”yes” checked>Kirim vie e-mail </label><br>
    </BODY>
    </HTML>

    FORM

    <FORM>       </FORM>
    Perintah FORM adalah suatu metode untuk membuat format input seperti formulir, dan terdiri dari beberapa atribut:
    ACTION=URLPenanganan form
    METHOD=[get | post]Metode HTTP untuk submit form.
    ENCTYPE=stringTipe isi submit form.
    TARGET=stringTarget berupa jendela atau frame.
    ONSUBMIT=stringFrom yang sudah di-Submit.
    ONRESET=stringForm yang di-reset.

    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <form>
    <p>
    1:<INPUT type=”radio” NAME=”radio” value=”Anda Memilih Nomor ” onclick=”alert(Value)”>
    2:<INPUT type=”radio” NAME=”radio” value=”Anda Memilih Nomor ” onclick=”alert(Value)”>
    3:<INPUT type=”radio” NAME=”radio” value=”Anda Memilih Nomor ” onclick=”alert(Value)”>
    </form>
    </BODY>
    </HTML>

    LABEL

    <LABEL>  </LABEL>
    adalah suatu perintah untuk membuat keterangan field (kotak input) dalam pembuatan form, dan umumnya digunakan dengan perintah INPUT. Sedangkan LABEL terdiri dari beberapa atribut :
    ACCESSKEY=characterTombol shortcut.
    ONFOCUS=scriptElemen yang menerima fokus (kursor)
    ONBLUR=scriptElemen yang ditinggalkan fokus (kursor).

    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>
    <p>
    <label accesskey=U>Nama Anda :
    <input type=”text” name=”username” size=”20″ maxlength=”15″></label>
    </p>

    <p>
    <label accesskey=P>Password :
    <input type=”password” name=”pw” size=”20″ maxlength=”20″></label>
    </p>

    </BODY>
    </HTML>

    TEXTAREA

    <TEXTAREA>   </TEXTAREA>
    adalah suatu perintah untuk membuat pengunjung dapat mengetik sekumpulan teks dalam sebuah kotak. Atribut yang dapat digunakan dengan perintah TEXTAREA adalah sebagai berikut :
    • NAME=string (kunci untuk submit form)
    • ROW=number (jumlah baris)
    • COLS=number (jumlah kolom)
    • DISABLE=menyembunyikan elemen
    • READONLY=mencegah perubahan
    • ACCESSKEY=character (tombol shortcut)
    • TABINDEX=number (posisi tab)
    • ONFOCUS=string (kotak teks yang menerima fokus/kursor)
    • ONBLUR=string (kotak teks yang ditinggalkan focus/kursor)
    • ONSELECT=string (teks yang dipilih)
    • ONCHANGE=string (nilai yang akan diganti)

    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <p>
    <label accesskey=C>
    Ketik pesan Anda dalam kotak di bawah ini : <br>
    <textarea name=”komentar” cols=”50″ rows=”8″> </textarea>
    </label>
    </p>

    </BODY>
    </HTML>

    FIELDSET

    <FIELDSET>       </FIELDSET>
    adalah suatu perintah untuk membuat beberapa formulir yang terdiri dari beberapa bagian:

    PEMBUATAN MENU

    <SELECT>         </SELECT>
    Perintah ini digunakan untuk membuat daftar menu pilihan (options selector), dan umumnya digunakan dengan perintah OPTIONS (pembuat menu pilihan) dan OPTGROUP (pembuat group pilihan). Dengan perintah ini maka Anda akan dapat membuat daftar pilihan seperti yang sering Anda lihat dalam Website professional:

    ATRIBUT :
    • NAME=string (kunci untuk submit form)
    • MULTIPLE=dapat membuat menu pilihan berganda
    • SIZE=number (jumlah pilihan yang tampak)
    • DISABLE=menyembunyikan elemen
    • TABINDEX=number (posisi tab)
    • ONFOCUS=string (kotak teks yang menerima fokus/kursor)
    • ONBLUR=string (kotak teks yang ditinggalkan focus/kursor)
    • ONCHANGE=string (nilai yang akan diganti)

    <OPTIONS>       </OPTIONS>
    Perintah ini untuk membuat menu pilihan, dan umumnya digunakan dengan perintah kontrol SELECT :

    ATRIBUT :
    • VALUE=string (nilai pilihan)
    • SELECTED=pilihan berupa inisial
    • DISABLE=menyembunyikan pilihan
    • LABEL=string (pilihan label)

    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    Pilih status perkawinan Anda :
    <select name=”status”>
    <option selected value=”">Status … </option>
    <option> Belum kawin </option>
    <option> kawin </option>
    <option> Janda </option>
    <option> Duda </option>
    </select>

    </BODY>
    </HTML>

    STYLE

    <STYLE>      </STYLE>
    adalah perintah untuk memasukan (embedding) stylr sheet, misalnya untuk penanganan warna latar belakang halaman (background).

    ATRIBUT :
    • TYPE=string(harus “text/css”)
    • MEDIA=MediaDesc (jenis media yang akan dimasukan)
    • TITLE=strings (judul style sheet)

    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    <META name=”description” content=”">
    <META name=”keywords” content=”">
    <META name=”generator” content=”CuteHTML”>
    </HEAD>

    <font color=”white”><h1> Selamat datang ke Websiteku. </h1> </font>

    <style type=”text/css” media=screen>
    BODY {background: red; color:black }
    </style>
    </BODY>
    </HTML>

    KETERANGAN
    • <FONT COLOR=WHITE>
    Perintah ini untuk membuat warna teks (foreground) dengan warna putih. Jika ingin warna lain, misalnya merah, ganti dengan RED.
    • BODY { background: red; color:black}
    Perintah untuk membuat warna latar belakang halaman Website, jika ingin warna aqua misalnya, ganti red dengan aqua.

    TABEL & KOTAK

    Perintah-perintah yang termasuk ke dalam kategori TABEL adalah sebagai berikut :
    • TABLE
    • CAPTION
    • COLGROUP
    • COL                – Table Column
    • THEAD          – Table Head
    • TFOOT           – Table Foot
    • TBODY          – Table Body
    • TR                   – Table Row
    • TTD                 – Table Data Cell
    • TH                   – Table Header Cell

    <TABLE> </TABLE>
    Perintah untuk membuat table. Dan terdiri dari beberapa atribut:
    • SUMMARY=string (struktur table)
    • WIDTH=length (lebar table)
    • BORDER=pixels (lebar border)
    • FRAME=[void | above | hsides | lhs | rhs | vsides | box | border] (bagian luar border)
    • RULES=[none | groups | row | cols | all] (bagian dalam border)
    • CELLSPACING=length (spasi antara cell)
    • CELLPADDING=length (spasi dalam cell)
    • ALIGN=[left | center | right] (perata tabel)
    • BGCOLOR=color (warna background table)

    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <table>
    <tr align=”left”>
    <th scope=”col”>Nama</th>
    <th scope=”col”>Umur</th>
    <th scope=”col”>Alamat</th>
    </tr>
    <tr align=”left”>
    <td>Hans </td>
    <td>22 </td>
    <td>Paingan </td>
    </tr>
    </table>
    </BODY>
    </HTML>

    MEMBUAT KOTAK
    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <table width=”400″ cellspacing=”0″ cellpadding=”5″ border=”2″>
    <tr>
    <td width=”400″ bgcolor=”#ffcb10″>
    <font size=”2″ face=”MS Sans Serif”>
    Kalimat biasa dalam kotak <br>
    <b>Kalimat tebal dalam kotak</b> <br>
    <i>Kalimat miring dalam kotak</i> <br>
    </tr>
    </table>

    </BODY>
    </HTML>
    MEMBUAT TABLE & KOTAK
    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <table width=”544″ cellspacing=”0″ cellpadding=”5″ border=”2″>
    <tr align=”left”>
    <th scope=”col”>Nama</th>
    <th scope=”col”>Umur</th>
    <th scope=”col”>Alamat</th>
    </tr>
    <tr align=”left”>
    <td>Hans </td>
    <td>22 </td>
    <td>Paingan </td>
    </tr>
    </table>

    </BODY>
    </HTML>

    WARNA

    FONT COLOR
    Perintah untuk memasukan warna kedalam teks.
    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <basefont size=”6″>

    <b>
    <font color=”red”>Teks dengan warna merah</font><br>
    <font color=”black”>Teks dengan warna hitam</font><br>
    <font color=”blue”>Teks dengan warna biru</font>
    </b>

    </BODY>
    </HTML>
    BACKGROUND
    Adalah perintah untuk membuat warna latar belakang sebuah teks.
    KODE-KODE WARNA UNTUK WARNA BACKGROUND
    #000000          : Black
    #c0c0c0           : Silver
    #808080          : Gray
    #ffffff             : White
    #800000          : Maroon
    #ff0000           : Red
    #800080          : Purple
    #ff00ff                        : Fuchsia
    #008000          : Green
    #00ff00           : Lime
    #808000          : Olive
    #ffff00                        : Yellow
    #000080          : Navy
    #0000ff           : Blue
    #008080          : Teal
    #00ffff                        : Aqua

    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <table cellpadding=”5″ cellspacing=”5″>
    <td style=”BACKGROUND: #000000; COLOR: white”>Dasar Hitam </td>
    <td style=”BACKGROUND: #ff0000; COLOR: white”>Dasar Merah </td>
    </table>

    </BODY>
    </HTML>

    GAMBAR & MUSIK
    Perintah-perintah untuk memasukan GAMBAR & MUSIK adalah sebagai berikut :
    • IMG SRC          : Untuk memasukan gambar ke dalam Website
    • IMG BORDER : Untuk membuat bingkai gambar dengan kotak
    • BGSOUND       : Untuk memasukkan suara atau musik ke dalam Website Anda.

    IMG SRC
    Adalah perintah untuk memasukkan gambar ke dalam Website. Anda dapat memasukkan gambar yang berakhiran (berformat) .JPG, .GIF, .BMP dan lain-lain. Untuk kemudahan pengiriman gambar kelak ke dalam server, satukan terlebih dahulu gambar ke dalam folder program. Barulah panggil ke dalam program.
    Sintaks : <IMG SRC=”lokasi gambar”>

    IMG BORDER
    Untuk membingkai gambar dengan kotak
    Sintaks : <IMG BORDER=”5
    Angka 5 adalah ukuran border (bingkai), ganti angka ini sesuai dengan ukuran border yang Anda inginkan.

    BGSOUND
    Perintah ini untuk memasukan suara atau musik ke dalam Website Anda.
    Sintaks : <BGSOUND loop=infinite SCR=”Lokasi File”>
    PERHATIAN : Ukuran file musik yang sangat besar (misalnya MP3), tidak dapat kita masukkan ke dalam Website kita. Karena nanti kita tidak dapat memindahkannya ke dalam server agar dapat diakses pemakai internet, karena ukurannya sangat besar, akan keluar pernyataan kehabisan waktu ketika kita memindahkannya ke dalam server.

    FRAME
    Adalah suatu fasilitas dalam HTML yang berfungsi untuk membagi layar ke dalam beberapa jendela. Ada pun perintah-perintah untuk membuat frame dalam HTML adalah sebagai berikut:
    • FRAMESET
    • FRAME
    • IFRAME

    <FRAMESET>     </FRAMESET>
    Adalah perintah untuk membuat frame, dan umumnya berpasangan dengan perintah FRAME. Atribut untuk FRAMESET :
    • ROWS=length (panjang baris dalam satuan pixel)
    • COLS=length (panjang kolom dalam satuan pixel)
    • ONLOAD=string (semua frame sudah selesai di-load)
    • ONUNLOAD=string (semua frame sudah dihapus)

    Contoh :
    • <FRAMESET COLS=”lebar jendela bagian kiri, lebar jendela bagian kanan”>
    • <FRAME COLS=”*,*”>
    • <FRAME ROWS=”*,*”>

    FRAME
    Perintah ini untuk memasukan gambar, halaman atau URL ke dalam jendela (frame), mengatur margin, menggulung frame dan lain-lain. FRAME terdiri dari beberapa atribut, antara lain :
    • NAME=string (nama frame)
    • SRC=URL (isi frame)
    • LONGDESC=URL (uraian dari frame)
    • FRAMEBORDER=[1 | 0] (border frame)
    • MARGINWIDTH=pixels (batas kiri terhadap ini frame)
    • MARGINHEIGHT=pixels (batas atas terhadap ini frame)
    • NORESIZE
    • SCROLLING=[yes | no | auto] (penggulung frame)

    Contoh :
    <FRAME SRC=”link” NAME=”nama”
    SCROLLING=”auto” MARGINWIDTH=1 MARGINHEIGHT=1
    NORESIZE>

    Keterangan :
    Untuk pembuatan FRAME perintah <BODY> tidak digunakan dalam program, karena jika ada perintah <BODY> maka program ini tidak dapat berjalan.

    IFRAME SRC
    Adalah perintah untuk membuat jendela dengan lebar dan tinggi sesuai dengan keinginan programmer, dan dapat diletakan di bagian kiri, tengah, atau bagian kanan.

    Sintaks :
    <IFRAME SRC=”link” WITDH=400 HEIGHT=105></IFRAME>

    Contoh :
    <HTML>
    <HEAD>
    <TITLE></TITLE>
    </HEAD>
    <BODY BGCOLOR=”#FFFFFF” TEXT=”#000000″ LINK=”#0000FF” VLINK=”#800080″>

    <p align=”center”>
    <iframe src=”link” WIDTH=400 HEIGHT=90>
    </iframe> </p>
    <p align=”center”>
    <img src=”link”></p>

    </BODY>
    </HTML>

    A HREF

    <A HREF
    Adalah perintah HTML untuk membuat LINK (membuka sebuah halam atau URL dari sebuah halaman). Ada pun atribut yang dapat digunakan dengan HREF adalah sebagai berikut:
    • ONCLICK                  : Membuka link setelah tombol di-klik
    • ONMOUSEOVER     : Membuka link hanya dengan menyorot tombol
      • ONMOUSEOUT        : Membuka link hanya dengan menyorot tombol, dan kembali kehalaman semula apabila mouse dijauhkan dari link.
    Sintaks:
    <A HREF=”gambar atau halaman atau URL”> Nama Link</A>

    CARA PEMBERIAN NAMA FILE
    Untuk menjaga kesalahan, berilah nama file dengan ketentuan sebagai berikut:
    • File pertama (file induk) simpan dengan nama index.html (semua huruf kecil)
    • File-file berikutnya juga disimpan dengan huruf kecil.
    • Tentang file gambar, juga disimpan dengan huruf kecil.
    • Jika nama file lebih dari satu kata, pisahkan dengan underscore ( _ ).