HyperText Markup Language (HTML) adalah sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah Penjelajah web Internet dan formating hypertext sederhana yang ditulis kedalam berkas format ASCII agar dapat menghasilkan tampilan wujud yang terintegerasi. Dengan kata lain, berkas yang dibuat dalam perangkat lunak pengolah kata dan disimpan kedalam format ASCII normal sehingga menjadi home page dengan perintah-perintah HTML. Untuk belajar membuat heading, warna bisa anda lihat pada artikel ini.
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).
HTML dokumen tersebut mirip dengan dokumen tulisan biasa, hanya dalam dokumen ini sebuah tulisan bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. HTML lebih menekankan pada penggambaran komponen-komponen struktur dan formating 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.
Tool yang dapat digunakan untuk membuat web :
• Text editor : Notepad, ms word dan sebagainya dengan cara menyimpan file berekstensi *.html atau *.htm
• Microsoft front page
• Adobe page mil
• Macromedia dreamweaver
Untuk latihan untuk menampilkan kalimat selamat datang di laboratorium di browser dengan langkah sebagai berikut:
- Buka notepad
- Ketikkan perintah berikut untuk menghasilkan selamat datang di laboratorium di browser
|
<html> <head> <title> Selamat Datang</title> </head> <body> program HTMLku yang pertama yaitu Menampilkan kalimat selamat datang di Laboratorium </body> <html> |
- Simpan dengan nama “latihan.html”
- Jalankan dengan menggunakan browser yang tersedia
- Lihat yang terjadi tenyata anda sudah berhasil menampilkan kalimat selamat datang di laboratorium
- Sedangkan untuk praktik paragraph dan pindah baris, simpan dengan nama paragraph.html
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28
|
<html> <head> <title> Selamat Datang</title> </head> <body> program HTMLku yang pertama yaitu Menampilkan kalimat selamat datang di Laboratorium <br> Perintah untuk pindah baris <p> Untuk membuat paragraf, karena saya baru belajar tentang cara membuat homepage </p> <p>Kata dapat dicetak <b>tebal</b>, <i>miring</i>, <u>garis bawah</u>, <b>tebal <i>miring</i></b>, dan <b><i><u>kombinasi</u></i></b> di tengah huruf normal</p> <p><font size="1">satu,</font> <font size="2">dua,</font> <font size="6">enam,</font> <font face="Times New Roman">Homepage ini masih dalam tahap pengembangan (Times New Roman)</font><br /> <font face="Courier New">Homepage ini masih dalam tahap pengembangan (Courier New)</font><br /> <font face="Verdana">Homepage ini masih dalam tahap pengembangan (Verdana)</font></p> <p> <b><font color="red">Red</font><br /> <font color="green">Green</font><br /> <font color="yellow">Yellow</font><br /> <font color="#0000FF">Blue</font><br /> <font color="#00FF00">Lime</font><br /> </p> <h1 align="left">Hedding 1 dan Rata Kiri</h1><br> <h2 align="justify"> Hedding 2 dan rata justify ini merupakan rata kiri kanan, jadi format alinea ini yg biasanya digunakan jika kira ingin mengetik laporan di word ok. biar terlihat rapi, jadi ga lari sana-lari sini</h2> </body> <html> |
- buka dengan menggunakan browser untuk melihat tampilan
- Untuk latihan coba, temen-temen copy sintaks berikut,
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20
|
<html> <head> <title> Selamat Datang</title> </head> <body> <h1 align=”center”><font color="green" face="calibri"> <u>LATIHAN PRAKTIKUM I</u></div></font></h1><HR /> <dl><dt> <dd> <dt> <dd> Hyepertext Transfer Protocol<br></dd></dt> <dt> IP <dd> Internet Protocol<br></dd></dt> <dt> Pemrograman web <dd> <ol><li>Pemrograman sisi client</li> <ul><li> javascript</li> <li>java applet</li></ul> <li>Pemrograman sisi server</li> <ul><li>Pemrograman CGI</li> <li>java Servlet (SUN)</li> <li>Server side inside (APACHE)</li></ul></ol> </body> <html> |
maka tampilannya seperti pada gambar berikut
semoga bermanfaat
telah dibaca: 1,358