HTML adalah bahasa pemrograman web
yang sering digunakan.. nah situs situs yang suah banyak anda kunjungi sebagian
besar menggunakan bahasa pemrograman HTML…
Untuk mempublikasikan informasi untuk distribusi global, orang perlu dipahami secara universal bahasa, penerbitan semacam bahasa ibu bahwa semua komputer dapat berpotensi memahami. Penerbitan bahasa yang digunakan oleh World Wide Web adalah HTML (dari HyperText Markup Language).
HTML penulis memberikan cara untuk:
Untuk mempublikasikan informasi untuk distribusi global, orang perlu dipahami secara universal bahasa, penerbitan semacam bahasa ibu bahwa semua komputer dapat berpotensi memahami. Penerbitan bahasa yang digunakan oleh World Wide Web adalah HTML (dari HyperText Markup Language).
HTML penulis memberikan cara untuk:
- Menerbitkan dokumen online dengan judul, teks, tabel, daftar, foto, dll Mengambil informasi online melalui hypertext link, di klik tombol.
- Desain formulir untuk melakukan transaksi dengan layanan jarak jauh, untuk digunakan dalam mencari informasi, membuat reservasi, memesan produk, dll
- Sertakan menyebar-lembaran, klip video, klip suara, dan aplikasi lainnya secara langsung di dokumen mereka.
Sejarah singkat HTML
HTML pada awalnya dikembangkan oleh Tim Berners-Lee sementara di CERN, dan dipopulerkan oleh browser Mosaic dikembangkan di NCSA. Selama tahun 1990-an telah berkembang dengan pertumbuhan eksplosif Web. Selama waktu ini, HTML telah diperpanjang dalam beberapa cara. Web tergantung pada halaman Web penulis dan vendor berbagi konvensi yang sama untuk HTML. Hal ini telah termotivasi bekerja bersama spesifikasi untuk HTML.
HTML 2.0 (November 1995, lihat [RFC1866] [p.356]) telah dikembangkan di bawah perlindungan dari Internet Engineering Task Force (IETF) untuk mengkodifikasi praktik umum di akhir tahun 1994. HTML + (1993) dan HTML 3.0 (1995, lihat [HTML30] [p.355]) mengusulkan jauh lebih kaya versi HTML. Meskipun tidak pernah menerima konsensus dalam standar diskusi, konsep ini mengarah pada adopsi berbagai fitur baru. Upaya dari World Wide Web Consortium’s HTML Working Group untuk menata Common praktek pada tahun 1996 menghasilkan HTML 3.2 (Januari 1997, lihat [HTML32] [p.356]). Perubahan dari HTML 3.2 dirangkum dalam Lampiran A [p.311] 21 24 Desember 1999 18:26 Pengenalan HTML 4
Kebanyakan orang setuju bahwa dokumen HTML harus bekerja dengan baik di berbagai browser dan platform. Mencapai interoperabilitas menurunkan biaya untuk penyedia konten karena mereka harus mengembangkan hanya satu versi dokumen. Jika upaya ini tidak dilakukan, ada risiko yang lebih besar bahwa Web akan berpindah ke dalam dunia perangkat lunak berpemilik
format tidak sesuai, akhirnya mengurangi potensi komersial Web untuk semua peserta.
Setiap versi HTML telah berupaya untuk merefleksikan konsensus di antara industri yang lebih besar pemain sehingga investasi yang dilakukan oleh penyedia konten tidak akan sia-sia dan bahwa dokumen mereka tidak akan menjadi tak terbaca dalam waktu singkat.
HTML pada awalnya dikembangkan oleh Tim Berners-Lee sementara di CERN, dan dipopulerkan oleh browser Mosaic dikembangkan di NCSA. Selama tahun 1990-an telah berkembang dengan pertumbuhan eksplosif Web. Selama waktu ini, HTML telah diperpanjang dalam beberapa cara. Web tergantung pada halaman Web penulis dan vendor berbagi konvensi yang sama untuk HTML. Hal ini telah termotivasi bekerja bersama spesifikasi untuk HTML.
HTML 2.0 (November 1995, lihat [RFC1866] [p.356]) telah dikembangkan di bawah perlindungan dari Internet Engineering Task Force (IETF) untuk mengkodifikasi praktik umum di akhir tahun 1994. HTML + (1993) dan HTML 3.0 (1995, lihat [HTML30] [p.355]) mengusulkan jauh lebih kaya versi HTML. Meskipun tidak pernah menerima konsensus dalam standar diskusi, konsep ini mengarah pada adopsi berbagai fitur baru. Upaya dari World Wide Web Consortium’s HTML Working Group untuk menata Common praktek pada tahun 1996 menghasilkan HTML 3.2 (Januari 1997, lihat [HTML32] [p.356]). Perubahan dari HTML 3.2 dirangkum dalam Lampiran A [p.311] 21 24 Desember 1999 18:26 Pengenalan HTML 4
Kebanyakan orang setuju bahwa dokumen HTML harus bekerja dengan baik di berbagai browser dan platform. Mencapai interoperabilitas menurunkan biaya untuk penyedia konten karena mereka harus mengembangkan hanya satu versi dokumen. Jika upaya ini tidak dilakukan, ada risiko yang lebih besar bahwa Web akan berpindah ke dalam dunia perangkat lunak berpemilik
format tidak sesuai, akhirnya mengurangi potensi komersial Web untuk semua peserta.
Setiap versi HTML telah berupaya untuk merefleksikan konsensus di antara industri yang lebih besar pemain sehingga investasi yang dilakukan oleh penyedia konten tidak akan sia-sia dan bahwa dokumen mereka tidak akan menjadi tak terbaca dalam waktu singkat.
1
HTML (Hyper Text Markup Language) adalah
sebuah bahasa markup yang digunakan untuk membuat sebuah halaman web dan
menampilkan berbagai informasi di dalam sebuah browser Internet. 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 berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks 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 teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.
Secara garis besar, terdapat 4 jenis elemen dari HTML:
HTML berupa kode-kode tag yang menginstruksikan browser untuk menghasilkan tampilan sesuai dengan yang diinginkan. Sebuah file yang merupakan file HTML dapat dibuka dengan menggunakan browser web seperti Mozilla Firefox atau Microsoft Internet Explorer. HTML juga dapat dikenali oleh aplikasi pembuka email ataupun dari PDA dan program lain yang memiliki kemampuan browser.
HTML dokumen tersebut mirip dengan dokumen teks biasa, hanya dalam dokumen ini sebuah teks bisa memuat instruksi yang ditandai dengan kode atau lebih dikenal dengan TAG tertentu. Sebagai contoh jika ingin membuat teks 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 teks yang ingin ditebalkan, dan diakhiri dengan tanda </b> untuk menonaktifkan cetak tebal tersebut.
Secara garis besar, terdapat 4 jenis elemen dari HTML:
- structural. tanda yang menentukan level atau tingkatan dari sebuah teks (contoh, <h1>Golf</h1> akan memerintahkan browser untuk menampilkan “Golf” sebagai teks tebal besar yang menunjukkan sebagai Heading 1
- presentational. tanda yang menentukan tampilan dari sebuah teks tidak peduli dengan level dari teks tersebut (contoh, <b>boldface</b> akan menampilkan bold. Tanda presentational saat ini sudah mulai digantikan oleh CSS dan tidak direkomendasikan untuk mengatur tampilan teks,
- hypertext. tanda yang menunjukkan pranala ke bagian dari dokumen tersebut atau pranala ke dokumen lain (contoh, <a href="http://www.ilmukita.com/">IlmuKita</a> akan menampilkan IlmuKita sebagai sebuah hyperlink ke URL tertentu),
- Elemen widget yang membuat objek-objek lain seperti tombol (<button>), list (<li>), dan garis horizontal (<hr>).
Selain
markup presentational , markup yang lin tidak menentukan bagaimana
tampilan dari sebuah teks. Namun untuk saat ini, penggunaan tag HTML untuk
menentukan tampilan telah dianjurkan untuk mulai ditinggalkan dan sebagai
gantinya digunakan Cascading Style Sheets.
»HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.
»HTTP Singkatan dari Hypertext Transfer Protocol, yang mana adalah suatu protokol yang digunakan oleh World Wide Web. HTTP mendefinisikan bagaimana suatu pesan bisa diformat dan dikirimkan dari server ke client.
2
HTTP juga mengatur aksi-aksi apa saja yang harus
dilakukan oleh web server dan juga web browser sebagai respon atas
perintah-perintah yang ada pada protokol HTTP ini. Sebagai contoh, ketika Anda
mengetikkan suatu alamat atau URL pada internet browser Anda, maka sebenarnya
web browser akan mengirimkan perintah HTTP ke web server.
Web server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.
»Pengertian URL (Uniform Resource Locator) adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen dokumen dapat mereferensikan pranala ke World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya.
»File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk tukar-menukar file dalam suatu network yang menggunakan TCP koneksi bukan UDP.
Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.
FTP server adalah suatu server yang menjalankan software yang berfungsi untuk memberikan layanan tukar menukar file dimana server tersebut selalu siap memberikan layanan FTP apabila mendapat permintaan (request) dari FTP client.
FTP client adalah computer yang merequest koneksi ke FTP server untuk tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client dapat men-download, meng-upload, merename, men-delete, dll sesuai dengan permission yang diberikan oleh FTP server.
Tujuan dari FTP server adalah sebagai berikut :
• Untuk tujuan sharing data
• Untuk menyediakan indirect atau implicit remote computer
• Untuk menyediakan tempat penyimpanan bagi user
• Untuk menyediakan transfer data yang reliable dan
Web server kemudian akan menerima perintah ini dan melakukan aktivitas sesuai dengan perintah yang diminta oleh web browser (misalnya akses ke database, file, e-mail dan lain sebagainya). Hasil aktivitas tadi akan dikirimkan kembali ke web browser untuk ditampilkan kepada pengguna.
»Pengertian URL (Uniform Resource Locator) adalah rangkaian karakter menurut suatu format standar tertentu, yang digunakan untuk menunjukkan alamat suatu sumber seperti dokumen dan gambar di Internet. URL pertama kali diciptakan oleh Tim Berners-Lee pada tahun 1991 agar penulis-penulis dokumen dokumen dapat mereferensikan pranala ke World Wide Web. Sejak 1994, konsep URL telah dikembangkan menjadi istilah Uniform Resource Identifier (URI) yang lebih umum sifatnya.
»File Transfer Protocol (FTP) adalah suatu protokol yang berfungsi untuk tukar-menukar file dalam suatu network yang menggunakan TCP koneksi bukan UDP.
Dua hal yang penting dalam FTP adalah FTP Server dan FTP Client.
FTP server adalah suatu server yang menjalankan software yang berfungsi untuk memberikan layanan tukar menukar file dimana server tersebut selalu siap memberikan layanan FTP apabila mendapat permintaan (request) dari FTP client.
FTP client adalah computer yang merequest koneksi ke FTP server untuk tujuan tukar menukar file. Setelah terhubung dengan FTP server, maka client dapat men-download, meng-upload, merename, men-delete, dll sesuai dengan permission yang diberikan oleh FTP server.
Tujuan dari FTP server adalah sebagai berikut :
• Untuk tujuan sharing data
• Untuk menyediakan indirect atau implicit remote computer
• Untuk menyediakan tempat penyimpanan bagi user
• Untuk menyediakan transfer data yang reliable dan
Kalau
sebelumnya kita menggunakan atribut background dan bgcolor dalam pelajaran HTML
tentang Background
HTML, sekarang kita
akan belajar membuat latar belakang atau background tersebut dengan menggunakan
atribut style.
Untuk membuat background dengan warna di gunakan properti background-color.
Membuat background di halaman website dengan warna:
Untuk membuat background dengan warna di gunakan properti background-color.
Membuat background di halaman website dengan warna:
<body style="background-color:yellow">...</body>
Contoh di
dalam dokumen HTML:
<html>
<head></head>
<body
style="background-color:yellow">
<h1>Contoh
membuat background warna dengan atribut style background-color.</h1>
</body></html>
<p
style="background-color:aqua">Paragraf dengan background
aqua</p>
Hasil:
Paragraf
dengan background aqua
Untuk nilai
dari properti background-color tersebut kita bisa menggunakan kode RGB,
Hexadecimal maupun Nama Warna.
<p
style="background-color:rgb(127,255,212)">Warna background
menggunakan kode RGB</p>
<p
style="background-color:#7fffd4">Warna background menggunakan kode
Hexadecimal</p>
<p
style="background-color:aquamarine">Warna background menggunakan
Nama Warna</p>
Hasil dari
ketiga kode HTML diatas akan sama:
Warna
background menggunakan kode RGB
Warna
background menggunakan kode Hexadecimal
Warna
background menggunakan Nama Warna
Klik link
berikut untuk melihat kode hexadecimal
dan nama warna, untuk RGB
dapat menggunakan tool
kode warna RGB.
Untuk membuat background dengan gambar di gunakan properti background-image.
Membuat background dengan gambar di dokumen HTML:
Untuk membuat background dengan gambar di gunakan properti background-image.
Membuat background dengan gambar di dokumen HTML:
<body
style="background-image:url(lokasi dan nama
gambar)">...</body>
Sebagai
contoh kita akan menggunakan gambar di samping (background.jpg) untuk membuat
background di dokumen HTML, ukuran gambar tersebut adalah 100px X 100px :
<html>
<head></head>
<body style="background-image:url(background.jpg)">
<h1>Contoh
membuat background gambar dengan atribut style background-image.</h1>
</body></html>
Hasil: lihat
Preview
Maka secara otomatis browser akan mengisi penuh halaman website dengan gambar tersebut secara berulang (repeat) baik secara vertikal maupun horizontal.
Dengan adanya pengulangan ini maka dengan gambar ukuran 1 x 2px, hanya 2 titik (pixel) yaitu putih dan abu-abu kita dapat membuat background seperti berikut.
Hasil: Lihat Preview
Untuk pengaturan pengulangan tersebut dapat menggunakan properti background-repeat dengan nilai atau value: no-repeat, repeat, repeat-x dan repeat-y.
Contoh jika kita ingin membuat pengulangan secara horizontal maka kita dapat menambah kode repeat-x ke dalam contoh diatas:
Maka secara otomatis browser akan mengisi penuh halaman website dengan gambar tersebut secara berulang (repeat) baik secara vertikal maupun horizontal.
Dengan adanya pengulangan ini maka dengan gambar ukuran 1 x 2px, hanya 2 titik (pixel) yaitu putih dan abu-abu kita dapat membuat background seperti berikut.
Hasil: Lihat Preview
Untuk pengaturan pengulangan tersebut dapat menggunakan properti background-repeat dengan nilai atau value: no-repeat, repeat, repeat-x dan repeat-y.
Contoh jika kita ingin membuat pengulangan secara horizontal maka kita dapat menambah kode repeat-x ke dalam contoh diatas:
<body
style="background-image:url(background.jpg);background-repeat:repeat-x;">...<body>
<body
style="background-image:url(background.jpg);background-repeat:repeat-y;">...<body>
Hasil: lihat
Preview
Anda bisa melakukan latihan selanjutnya dengan mengganti gambar dan nilainya.
Untuk memposisikan background digunakan properti background-position dengan value top=atas, right=kanan, bottom=bawah left=kiri dan center=tengah atau dengan nilai x dan y.
Sebagai contoh kita akan menggunakan gambar berikut yang berukuran 800px X 1px dengan nama bg-example.png.
Kita akan membuat agar gambar tersebut berada tepat ditengah dokumen dengan pengulangan (repeated) secara vertikal.
Anda bisa melakukan latihan selanjutnya dengan mengganti gambar dan nilainya.
Untuk memposisikan background digunakan properti background-position dengan value top=atas, right=kanan, bottom=bawah left=kiri dan center=tengah atau dengan nilai x dan y.
Sebagai contoh kita akan menggunakan gambar berikut yang berukuran 800px X 1px dengan nama bg-example.png.
Kita akan membuat agar gambar tersebut berada tepat ditengah dokumen dengan pengulangan (repeated) secara vertikal.
<body
style="background-color:#000;background-image:url(bg-example.png);background-repeat:repeat-y;background-position:center;">
Struktur HTML
<html>
<head>
<title>
</title>
</head>
<body>
</body>
</html>
Setiap ada tag pembuka maka harus ada tag penutup yang ditandai dengan tanda "/". Contoh :<title></title>, <body> </body>,<html></html>.
Antara tag <title> </title> digunakan untuk menulis judul halaman web yang bersangkutan. Contohnya adalah tulisan "ahmadamirudin.jw.lt" yang ada pada pojok kiri atas halaman ini maka penulisannya menjadi :
<html>
<head>
<title>ahmadamirudin.jw.lt
</title>
</head>
<body>
</body>
</html>
Sedangkan antara tag <body> </body> digunakan untuk mengisi apa yang akan ditampilkan pada halaman anda, bisa berupa tulisan, gambar, link dan sebagainya.
Adapun beberapa tambahan yang dapat ditambahkan pada tag <body> adalah sebagai berikut:
- Meberikan warna background pada halaman web :
<body bgcolor="blue">
Atau dapat juga menggunakan kode
warna Hexa (RGB /red-green-blue) yang terdiri dari 6 karakter yang terdiri dari
gabungan angka dan huruf, dan penulisannya juga harus diawalai dengan tanda
"#"(pagar). 2 karakter pertama mewakili warna merah yang dimulai dari
paling rendah 00 sampai paling tinggi ff, atau bisa juga kombinasi huruf dan
angka tadi. Begitu juga 2 karakter berikutnya mewakili warna hijau dan 2
karakter berikutnya mewakili warna biru.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan keinginan anda.
contoh penulisan kode untuk warna hitam #000000, putih #ffffff, merah #ff0000, abu-abu #d3d3d3 dan lain lain sesuai dengan keinginan anda.
- Memberikan background gambar
<body background="gambar.jpg">
Penulisan format gambar juga harus
disertakan seperti *.jpg, *.gif, *.bmp dan lain-lain
Jika ingin menginginkan warrna background transparan maka ditulis dengan <body bgcolor="transparent">
Jika ingin menginginkan warrna background transparan maka ditulis dengan <body bgcolor="transparent">
- Memberikan warna teks
<body text="#000000">
- Mengatur margin halaman
<body leftmargin="20"
topmargin="20">
- mengatur warna link
·
<body link="#ff0000"vlink="#00ff00"
alink="#0000ff">
Dan jika
semuanya ditulis bersamaan maka menjadi :
<body
bgcolor="blue"text="#000000"
leftmargin="20" topmargin="20"
link="#ff0000"vlink="#00ff00"alink="#0000ff">
PENGERTIAN HTML
Hypertext Markup Language (HTML) adalah bahasa markup yang
umum digunakan untuk membuat halaman web. Sebenarnya HTML bukanlah sebuah
bahasa pemrograman. Apabila di tinjau dari namanya, HTML merupakan bahasa
mark-up atau penandaan terhadap sebuah dokumen teks. Tanda tersebut di gunakan
untuk menentukan format atau style dari teks yang di tandai.
Fungsinya :
1.
Membuat, mendesain, dan mengontrol tampilan dari Web Page (Halaman Web) dan
isinya.
2.
Mempublikasikan document secara online sehingga bias diakses, dilihat dan
dari dan keseluruh dunia.
3.
Membuat online form yang bias di gunakan untuk menangani pendaftaran,
transaksi secara online.
4.
Menambahkan object – object seperti image, audio, video dan juga java
applet (aplikasi java seperti java game dll) dalam document HTML.
Pada dasarnya elemen HTML ada 2 kategori:
- Elemen berfungsi untuk memberikan informasi atau mendeklarasikan dokumen tersebut.
- Elemen berfungsi untuk menentukan bagaimana isi suatu dokumen ditampilkan pada browser.
Browser dan Editor
1.
Browser
Browser merupakan software yang di install di mesin client (komputer kita sebagai pengguna website) yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Contoh browser Internet Explorer, Mozila, opera dan masih banyak yang lainya.
Browser merupakan software yang di install di mesin client (komputer kita sebagai pengguna website) yang berfungsi untuk menterjemahkan tag-tag HTML menjadi halaman web. Contoh browser Internet Explorer, Mozila, opera dan masih banyak yang lainya.
2.
Editor
Editor adalah program yang bisa digunakan untuk membuat document HTML (Web page/Halaman Web), ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
Editor adalah program yang bisa digunakan untuk membuat document HTML (Web page/Halaman Web), ada banyak HTML editor yang bisa anda gunakan diantaranya: Ms FrontPage, Dreamweaver, Notepad.
PENUTUP
Demikian
yang dapat kami paparkan mengenai materi yang menjadi pokok bahasan dalam
makalah ini, tentunya masih banyak kekurangan dan kelemahannya, kerena
terbatasnya pengetahuan dan kurangnya rujukan atau referensi yang ada
hubungannya dengan judul makalah ini.
Penulis banyak berharap para pembaca yang budiman dusi memberikan kritik dan saran yang membangun kepada penulis demi sempurnanya makalah ini dan dan penulisan makalah di kesempatan-kesempatan berikutnya. Semoga makalah ini berguna bagi penulis pada khususnya juga para pembaca yang budiman pada umumnya.
Penulis banyak berharap para pembaca yang budiman dusi memberikan kritik dan saran yang membangun kepada penulis demi sempurnanya makalah ini dan dan penulisan makalah di kesempatan-kesempatan berikutnya. Semoga makalah ini berguna bagi penulis pada khususnya juga para pembaca yang budiman pada umumnya.
Tidak ada komentar:
Posting Komentar