Sabtu, 17 September 2016

pengertian hyperlink beserta contohnya

Pengertian Hyperlink, Fungsi Hyperlink, Contoh Hyperlink

Tuesday, January 6th 2015. | Kamus Populer

advertisement
Pengertian Hyperlink – Saat pertama kali masuk ke salah satu halaman website apa yang dapat kita simpulkan dari website tersebut? Mungkin yang terbersit di pikiran kita adalah suatu halaman utuh yang menampilkan informasi yang kita butuhkan. Namun tahukah anda sebetulnya halaman website tersebut terdiri dari beberapa file halaman yang saling berhubungan? Untuk menjadi sebuah website yang memenuhi standar kelayakan dia harus terdiri dari beberapa file halaman yang saling berhubungan yang memiliki halaman induk sebagai pusat penghubung halaman-halaman tersebut.
Untuk bisa menghubungkan seluruh halaman yang ada pada suatu website maka dibutuhkan alat penghubung, yang dinamakan link atau hyperlink. Seluruh website pasti terdapat hyperlink pada tiap halamannya, sehingga pengunjung bisa menjelajahi setiap halaman yang ada pada website tersebut. Sebetulnya apa pengertian hyperlink tersebut? Apa fungsi sebenarnya dari hyperlink? Lalu bagaimana cara menggunakan hyperlink? Ketiga pertanyaan tersebut akan kami jawab secara tuntas pada artikel kali ini.

Pengertian Hyperlink

Ada beberapa pengertian tentang hyperlink yang bisa kita dapatkan dari beberapa buku dan website, beberapa pengertian hyperlink tersebut adalah sebagai berikut:
Pengertian Hyperlink pada Buku Cara Mudah Menguasai Google Docs
Link atau hyperlink adalah teks yang dapat menuntun kita untuk menuju ke URL tertentu.
Pengertian Hyperlink pada Buku TIK SMA Kelas XII
Pengertian Hyperlink adalah teks atau gambar untuk menuju suatu alamat atau halaman tertentu.
Pengertian Hyperlink pada Buku Desain Web dengan MS FrontPage 97
Pengertian Hyperlink adalah hubungan dari page WWW ke file pada WWW. Tujuan dari hyperlink pada umumnya adalah page WWW lainnya, tetapi dapat juga berupa file multimedia atau bahkan program.
Pengertian Hyperlink pada Wikipedia Indonesia
Hyperlink atau dalam bahasa Indonesia disebut Pranala adalah sebuah acuan dalam suatu dokumen hypertext ke dokumen yang lain atau sumber lain.
Dari beberapa pengertian hyperlink di atas, maka dapat disimpulkan bahwa hyperlink dapat menghubungkan suatu halaman dengan halaman lain yang masih terdapat pada website itu sendiri, selain itu hyperlink juga dapat menghubungkan suatu halaman website dengan halaman yang terdapat pada website lain. Selain mengaitkan antar halaman, hyperlink juga bisa mengaitkan halaman dengan file multimedia, dan file program.
Hyperlink dapat dipasang pada text maupun gambar. Hyperlink dengan text dapat dibedakan secara visual, secara default text yang dipasang hyperlink pada sebuah halaman website akan berwarna biru dan underline. Sedangkan hyperlink yang terpasang pada gambar tidak bisa dibedakan secara visual langsung, namun jika pointer berada di atas gambar maka pointer tersebut akan berubah tampilan. Jika text ber-hyperlink tersebut diklik maka browser akan menampilkan halaman atau file yang dituju. Jika browser dapat membaca link tujuan tersebut maka akan ditampilkan langsung dalam halaman browser namun jika file tersebut tidak bisa dibaca, maka user diminta untuk menyimpannya dalam komputer atau dikenal dengan istilah download.

Cara Membuat Hyperlink pada Halaman HTML

Hyperlink pada HTML terbentuk dari tag <a>, secara default penulisan hyperlink pada halaman HTML adalah sebagai berikut:

<a href="URL">Anchor Text</a>

Contoh:

<a href="http://www.mandalamaya.com">Mandalamaya.COM</a>

Hasil:
Mandalamaya.COM

Macam-Macam Atribut Hyperlink dan Contohnya

Tag hyperlink (<a>) mempunyai beberapa atribut penting yang dapat digunakan untuk membantu kita membuat link yang sesuai dengan kebutuhan. Macam-Macam Atribut Tag Hyperlink tersebut adalah:

charset: membuat link dokumen dengan penggunaan karakter set yang lebih spesifik. Value yang dapat digunakan adalah char_encoding

Contoh Penggunaan:

<a charset="UTF-8" href="http://www.mandalamaya.com">Mandalamaya.COM</a>

coords: membuat link dengan menentukan koordinat atau penentuan posisi link tersebut, biasanya digunakan pada link berbentuk gambar. Value yang dapat digunakan adalah coordinates

Contoh Penggunaan:

<a href="sun.htm" shape="rect" coords="0,0,82,126">The Sun</a>

Lihat Demo

download: jika user mengklik hyperlink yang menggunakan tag ini maka file target tidak akan ditampilkan pada browser melainkan langsung didownload pada komputer. Value yang digunakan adalah ekstensi file

Contoh Penggunaan:

<a href="http://www.mandalamaya.com/sample-gambar.jpg" download>

href: membuat link yang menghubungkan text dengan halaman website atau file tertentu berbentuk URL. Value yang digunakan adalah URL

Contoh Penggunaan:

<a href="http://www.mandalamaya.com">Mandalamaya.COM</a>

hreflang: Berguna untuk menjelaskan bahasa yang digunakan pada suatu halaman. Value yang digunakan adalah language_code

Contoh Penggunaan:

<a href="http://www.mandalamaya.com" hreflang="en">Mandalamaya.COM</a>

name: menentukan nama anchor text, dipadukan dengan penggunaan atribut id

Contoh Penggunaan:

id atribut <a href="#C4">Chapter 4</a>

name anchor <a name="C4">Chapter 4</a>

Lihat Demo

rel: menentukan hubungan antara dokumen saat ini dan dokumen terkait. Value yang digunakan dalah: alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag

Contoh Penggunaan:

<a href="http://www.mandalamaya.com rel="nofollow">Mandalamaya.COM</a>

target: menentukan bagaimana cara link dokumen tersebut dibuka. Value yang digunakan adalah _blank, _parent, _self, _top

Contoh Penggunaan:

<a href="http://www.mandalamaya.com" target="_blank" >Mandalamaya.COM</a>

type: menentukan jenis media dokumen yang digunakan. Value yang digunakan adalah media_type

macam macam atribut hyperlink beserta contohnya

Pengertian Hyperlink Lengkap Beserta Contohnya

Software No Comments

PENGERTIAN HYPERLINK – Hyperlink biasanya sering digunakan untuk menunjukan lokasi tertentu, seperti dari teks atau objek yang lainnya. Hyperlink dapat menghubungkan beberapa file, gambar, software, dokumen, halaman web dan lain sebagainya.

Makna lain dari definisi hyperlink yaitu suatu teks yang akan mengarahkan pengguna untuk menuju ke tampilan dokumen bahkan halaman lain. Hyperlink sering kita kenal dengan sebutan link, jika kita klik pada suatu teks atau gambar mengandung hyperlink pada halaman website otomatis kita akan diarahkan pada halaman yang lain.

Fungsi dari Hyperlink

wisegeek.com

Hyperlink berfungsi untuk memudahkan pengunjung pada suatu web dalam menelusuri berbagai informasi yang ada pada suatu website. Selain itu, link juga berguna untuk menghubungkan antar dokumen HTML.

Pengertian Hyperlink Menurut Berbagai Sumber

Tiap orang pastinya memiliki sudut pandangan berbeda dalam berbagai istilah, tak terkecuali Hyperlink. Berikut ini adalah beberapa pengertian mengenai hyperlink yang bisa kamu pelajari.

1. Pengertian Hyperlink menurut Buku Cara Mudah Menguasai Google Docs

Hyperlink atau bisa disebut dengan link merupakan sebuah teks yang dapat menuntun para pengunjung atau visitor untuk menuju ke alamat URL tertentu.

2. Pengertian Hyperlink menurut Buku Paket TIK Kelas 12 SMA

Dalam buku tersebut, hyperlink merupakan teks atau gambar yang menuju suatu halaman atau alamat tertentu.

3. Pengertian Hyperlink dalam Buku Desain Web dengan Ms Front Page 97

Hyperlink atau pengertian dari hyperlink yakni hubungan antara page WWW (World Wide Web) dengan file pada WWW. Tujuan Hyperlink umumnya berupa page. WWW lainnya, namun bisa juga berbentuk file mulitimedia bahkan software/pemrograman.

4. Pengertian Hyperlink menurut Wikipedia Indonesia

Dalam bahasa Indonesia hyperlink disebut juga dengan Pranala, yakni sebuah acuan pada suatu dokumen hypertext dari dokumen ke dokumen dan sebagainya.
Dari beberapa kumpulan pengertian hyperlink tersebut, dapat disimpulkan bahwa hyperlink merupakan suatu teks ataupun gambar pada halam website itu sendiri yang berfungsi sebagai penghubung antara halaman yang satu dengan halaman lainnya.
Selain itu, hyperlink juga dapat menghubungkan halaman website yang satu dengan halaman websiter yang lain. Disisi lain fungsinya yang berguna sebagai pengait halaman, hypperlink juga mampu mengaitan halaman yang berformat file program bahkan multimedia.
Secara umum, hyperlink dapat dipasang dalam format teks maupun gambar. Dalam suatu halaman web, penggunaan hyperlink secara teks akan menyebabkan teks tersebut berwarna biru atau biasanya terdapat garis bawah.
Gambar yang didalamnya terdapat hyperlink pastinya tidak akan bisa dibedakan secara visual, namun jika kita arahkan pointer (hover) di atas gambar maka pointer tersebut akan berubah tampilan.

Cara Membuat Hyperlink Sederhana pada Halaman HTML

indoeuropeen.blogspot.com

Hyperlink pada HTML berbentuk tag <a>, penulisan hyperlink secara default pada halaman HTML adalah sebagai berikut:

Macam-Macam Atribut Hyperlink Beserta Contohnya

hyperlink.co.uk

Tag hyperlink memiliki atribut-atribut penting yang dapat kamu gunakan untuk membuat link yang sesuai dengan tujuan dan kebutuhan. Dibawah ini beberapa macam atribut Tag Hyperlink adalah sebagai berikut.

1. Charset

Pembuatan link dokumen dengan menggunakan karakter set yang spesifik. Value yang digunakan yaitu char_encoding
Contoh:

<a charset=”UTF-8″ href=”http://www.wizamisasi.com”>WIZAMISASI.COM</a>

2. Coords/Coordinates

Pembuatan link dengan menentukan koordinat atau posisi link tersebut umumnya menggunakan link berbentuk gambar. Dalam hal ini value yang digunakan yaitu coordinates

Contoh:

<a href=”wizam.htm” shape=”rect” coords=”0,0,82,126″>Wizam</a>

3. Download

Apabila user mengklik hyperlink sejenis tag ini maka file target tidak akan tampil pada browser namun muncul langsung sebuah file yang akan didownload pada komputer. Value yang digunakan yaitu ekstensi file
Contoh:

<a href=”http://www.wizamisasi.com/contoh-gambar.jpg” Download>

4. Href

Pembuatan link ini berfungsi untuk menghubungkan antara text dengan halaman website yang lain. Value yang digunakan yaitu URL
Contoh:

<a href=”http://www.wizamisasi.com”>WIZAMISASI.COM</a>

5. Hreflang

Berfungsi sebagai penjelas bahasa yang digunakan pada suatu halaman. Value yang digunakan adalah language_code
Contoh:

<a href=”http://www.wizamisasi.com” hreflang=”en”>WIZAMISASI.COM</a>

6. Name

Berfungsi untuk menentukan nama dari anchor text yang dipadukan dengan penggunaan atribut id

Contoh:

id atribut <a href=”#C4″>Chapter 4</a>
name anchor <a name=”C4″>Chapter 4</a>

7. Rel

Berfungsi untuk menentukan hubungan antara dokumen yang baru saja digunakan dan dokumen terkait. Value yang digunakan dalam tag ini yaitu alternate, author, bookmark, help, license, next, nofollow, noreferrer, prefetch, prev, search, tag
Contoh:

<a href=”http://www.wizamisasi.com rel=”nofollow”>WIZAMISASI.COM</a>

8.Target

Berfungsi untuk menentukan bagaimana agar link dokumen dibuka dengan berbagai cara. Value yang digunakan yaitu _blank, _parent, _self, _top
Contoh:

<a href=”http://www.wizamisasi.com” target=”_blank” >WIZAMISASI.COM</a>

9. Type

Berfungsi sebagai penentu jenis media dokumen yang sedang digunakan. Value yang dipakai yaitu media_type

input data pengolahan data

Input Data / Pengolahan Data

Pekerjaan input data dapat menjadi sangat memakan waktu dan memiliki biaya yang tinggi untuk pemeliharaannya. Kebanyakan perusahaan tidak memiliki kemampuan dan sumber daya yang cukup untuk menyelesaikan tugas ini secara tepat waktu. Di sinilah Mindreach melangkah maju dengan menyediakan dukungan yang diperlukan untuk mengelola kebutuhan input data Anda. Pengalaman kami yang bertahun-tahun telah memungkinkan kami untuk menerapkan teknologi dan teknik terbaru untuk menyediakan kualitas kerja dan pelayanan yang unggul untuk Anda.
Kami telah berhasil mempertahankan tingkat akurasi 99,9% untuk semua pekerjaan input data kami.

Mindreach menyediakan layanan input data yang berkualitas dan dapat diandalkan untuk melayani sebagian besar industri. Metodologi canggih kami membantu kami meningkatkan tingkat produktivitas dan tetap menjaga kualitas yang berstandar tinggi.

Layanan Kami:

Pengolahan Data Fisik ke Digital
• Undian
• Survei
• Pinjaman dan Aplikasi
• Dokumen Legal
• Catatan Medis

Data Mining & Transfer
• Penjualan
• Informasi Kontak
• Informasi Pesaing

Konversi Data
• Word
• Excel
• PDF
• TXT
• HTML

pengolahan input dari form

Pengolahan input dari form

MODUL 8

WEB PROGRAMMING : PHP 3

Tujuan :

Memahami tentang penggunaan Form
Memahami tentang perbedaan antara metode GET & POST
Memahami tentang pemrosesan file upload dengan nama yang sama
Memahami tentang pemrosesan file upload dengan nama yang berbeda

PENGOLAHAN DATA DARI FORM

Web menerima input dari user atau pengunjung menggunakan metode GET dan POST. GET akan mengirimkan data bersama dengan URL, sedangkan POST mengirimkannya secara terpisah.

User mengirimkan data input dengan mengisi teks atau pilihan pada attribut form html. Apa saja yang merupakan komponen form html diantaranya :

Form

<FORM ACTION=action base> form tags </FORM>
<FORM METHOD=method> form tags </FORM>
<FORM ENCTYPE=media type> form tags </FORM>
<FORM ACTION=action base TARGET="target window name"> form tags </FORM>
<FORM SCRIPT=URL> form tags </FORM>

Note : target window name diisikan berupa:

_blank

_self

_parent

_top

Form Input Check Box

<INPUT TYPE=CHECKBOX NAME=name VALUE=value>

<INPUT
TYPE=CHECKBOX NAME=

name VALUE=value CHECKED>

Form Input File

<INPUT TYPE=FILE NAME=name ACCEPT=mime type list>

Form Input Hidden

<INPUT TYPE=HIDDEN NAME=name VALUE=value>

Form Input Image

<INPUT TYPE=IMAGE NAME=name SRC="URL">

<INPUT
TYPE=IMAGE NAME=

name SRC="URL" ALIGN="alignment">

Form Input Password

<INPUT TYPE=PASSWORD NAME=name>

<INPUT
TYPE=PASSWORD NAME=

name MAXLENGTH=length>

<INPUT
TYPE=PASSWORD NAME=

name SIZE=size>

<INPUT
TYPE=PASSWORD NAME=

name VALUE=value>

Form Input Radio Button

<INPUT TYPE=RADIO NAME=name VALUE=value>

<INPUT
TYPE=RADIO NAME=

name VALUE=value CHECKED>

Form Input Range

This is not supported in many browsers.

<INPUT TYPE=RANGE NAME=name MIN=min MAX=max>

<INPUT
TYPE=RANGE NAME=

name MIN=min> MAX=max VALUE=value>

Form Input Reset

<INPUT TYPE=RESET>

Form Input Submit

<INPUT TYPE=SUBMIT>

<INPUT
TYPE=SUBMIT NAME=

name>

<INPUT
TYPE=SUBMIT VALUE=

value>

Form Input Button

<INPUT
TYPE=BUTTON>

<INPUT
TYPE=BUTTON NAME=

name>

<INPUT
TYPE=BUTTON VALUE=

value>

Form Input Text

<INPUT TYPE=TEXT NAME=name>

<INPUT
TYPE=TEXT NAME=

name MAXLENGTH=length>

<INPUT
TYPE=TEXT NAME=

name SIZE=size>

<INPUT
TYPE=TEXT NAME=

name VALUE=value>

Form Select

<SELECT NAME=name> option entries </SELECT>

<SELECT
NAME=

name MULTIPLE> option entries </SELECT>

<SELECT
NAME=

name SIZE=size> option entries </SELECT>

<SELECT
NAME=

name SRC=URL WIDTH=width HEIGHT=height UNITS=units> option entries </SELECT>

<OPTION>

content

<OPTION
SELECTED>

content

<OPTION
VALUE=

value> content

<OPTION
SHAPE=

shape>

Form Text Area

<TEXTAREA NAME=name COLS=# columns ROWS=# rows> content </TEXTAREA>

UPLOAD FILE

Upload merupakan proses penyalinan data yang ada dari komputer client ke komputer server. Faslilitas upload memungkinkan aplikasi web misalnya pendaftaran keanggotaan yang menggunakan foto, atau lainnya. Namun biasanya upload digunakan untuk mempermudah administrasi.

LATIHAN – LATIHAN :

1. Proses Form menggunakan metode : GET

a. Untuk membuat inputan, dan beri nama file : metodeget.php

<html>

<head>

<title> Form method GET </title>

</head>

<body>

<h1>Input</h1>

Masukkan nama : <input type"text" name="nama" size="25">

</form>

</body>

</html>

b. Buat file untuk memproses variabel yang diberikan oleh file metodeget.php, beri nama filenya : methodgetproses.php

<html>

<head>

<title> Method GET proses </title>

</head>

<body>

Data nama yang diinputkan adalah : <?echo $_GET["nama"]?>

</body>

</html>

Keterangan :

Dengan metode GET maka data yang dikirimkan ke file php yang berikutnya akan ditampilkan, cara ini tidak cocok bila data yang dimasukkan berupa password.

2. Proses Form menggunakan metode : POST

a. Untuk membuat inputan, dan beri nama file : metodepost.php

<html>

<head>

<title> Form method GET </title>

</head>

<body>

<h1>Input</h1>

Masukkan nama : <input type"text" name="nama" size="25">

</form>

</body>

</html>

b. Buat file untuk memproses variabel yang diberikan oleh file metodepost.php, beri nama filenya : methodpostproses.php

<html>

<head>

<title> Method POST proses </title>

</head>

<body>

Data nama yang diinputkan adalah : <?echo $_POST["nama"]?>

</body>

</html>

Web Server clip_image0023 Web server adalah suatu perangkat komputer berupa software yang digunakan untuk menjadi sebuah komputer menjadi server yang dapat menangani semua kegiatan yang berhubungan dengan protokol HTTP. Komputer yang dilengkapi oleh software ini akan dapat diakses oleh komputer lain menggunakan web browser dengan cara menuliskan nama server (host name) atau dengan menuliskan nomor IP dari komputer tersebut. Setiap pembuatan aplikasi berbasis web akan membutuhkan web server untuk meletakkan aplikasi tersebut sehingga bisa diakses menggunakan protokol HTTP..... Baca Selengkapnya di : http://www.mahanani.web.id/search/label/cara%20kerja%20web%20server
Copyright www.mahanani.web.id Media Belajar

Tampilkan posting dengan label cara kerja web server. Tampilkan semua posting Web Server Web server adalah suatu perangkat komputer berupa software yang digunakan untuk menjadi sebuah komputer menjadi server yang dapat menangani semua kegiatan yang berhubungan dengan protokol HTTP. Komputer yang dilengkapi oleh software ini akan dapat diakses oleh komputer lain menggunakan web browser dengan cara menuliskan nama server (host name) atau dengan menuliskan nomor IP dari komputer tersebut. Setiap pembuatan aplikasi berbasis web akan membutuhkan web server untuk meletakkan aplikasi tersebut sehingga bisa diakses menggunakan protokol HTTP..... Baca Selengkapnya di : http://www.mahanani.web.id/search/label/cara%20kerja%20web%20server
Copyright www.mahanani.web.id Media Belajar

penjelasan dasar tentang web server

Penjelasan Dasar Tentang Web Server - Salam IT Newbie, Sebenarnya tutorial dasar ini ditujukan untuk para pelajar khususnya yang belum mengerti tentang Web Server, namun IT Newbie akan tetap memberikan tutorial dasar, untuk sobat-sobat semua, khusunya untuk para newbie. Tutorial dasar ini sebenarnya mengingatkan kembali IT Newbie akan pengertian dasar dari Web Server yang mungkin dari sobat juga ada yang sudah tahu tetapi ada juga yang sudah lupa akan dasar-dasarnya. Langsung saja akan IT Newbie bahas seperti berikut ini :

Pengertian dan Cara Kerja dari Web Server :

Web Server yaitu sebuah sarana dari layanan sebuah website atau biasa disebut dengan WWW (World Wide Web). Sebuah web server akan menunggu permintaan dari seorang client untuk menggunakan sebuah browser, seperti browser Internet Explorer, Google chrome, Mozilla Firefox, Opera dan browser lainnya. Jika ada sebuah permintaan dari browser, maka sebuah web server akan langsung memproses sebuah permintaan tersebut dan kemudian akan memberikan hasil prosesnya yaitu berupa data yang diinginkan dan akan menampilkan pada sebuah browser.

Sehingga jika sebuah proses yang dimulai dari permintaan web client atau dari (browser), maka akan langsung diterima oleh web server, kemudian diproses, dan kemudian dikembalikan hasil prosesnya oleh web server ke web client lagi dilakukan secara transparansi. Jadi bisa dikatakan, setiap orang akan dapat dengan mudah mengetahui apa yang akan terjadi pada tiap-tiap proses. Namun secara garis besarnya yaitu sebuah web server hanya akan memproses semua masukan yang diperolehnya dari sebuah permintaan dari web clientnya.

Contoh Aplikasi Webserver :

1. Apache

Apache biasanya saya gunakan untuk mencoba membuat website secara offline, dan mendevelop website, jika sudah fix berhasil maka akan langsung saya jadikan web ini menjadi online.

Apache yaitu sebuah server web yang biasa digunakan dalam pemrograman web berbasis server. Biasa seorang programmer menggunakan aplikasi ini, dan biasanya diinstall di komputer lokal untuk mencoba mengeksplorasi dan mengimplementasikan tentang pembuatan websitenya. Apache juga merupakan sebuah server web yang bersifat open source atau dengan kata lain, siapa saja bisa mengembangkan aplikasi ini sesuai dengan kemampuannya, sehingga menjadikan apache ini sebagai server web yang cukup terkenal oleh para programmer dan para ahli dibidang IT.

2. Xampp
Xampp juga sudah saya coba untuk digunakan sebagai web server, dimana aplikasi Xampp ini cukup ringan dibandingkan dari apche, dan Xampp ini cukup ringan tidak memakan banyak kapasitas hardisk.

pengertian teknologi web

Pengertian Teknologi Web

Teknologi Web

Aplikasi web adalah suatu aplikasi yang berbentuk klien/server yang dapat membentuk halaman-halaman web berdasarkan permintaan pemakai. Klien adalah pemakai yang meminta halaman web, sedangkan server adalah penyedia layanan yang melayani permintaan dari pemakai. Klien dan server berhubungan dalam suatu jaringan Internet atau Intranet. Web dapat diakses oleh berbaga iplatform dengan menggunakan browser, misalnya Internet Explorer,Mozilla,Opera, dan lain-lain. Model dari aplikasi web dapat kita lihat seperti pada gambar di bawah :
Proses pengaksesan suatu web yaitu klien melakukan permintaan suatu halaman web kepada server, kemudian server akan mencari halaman yang diminta dan mengembalikannya dalam bentuk kode kode HTML. Kode-kode HTML ini akan didownload oleh komputer klien dan kemudian akan diterjemahkan oleh browser menjadi suatu tampilan halaman web.Aplikasi web dibangun oleh 2 jenis scripting yaitu sebagai berikut:
a. Server Side Scripting Pemrograman dari sisi server maksudnya adalah membuat kode-kode program yang hanya dieksekusi di server menjadi bentuk tag-tag HTML untuk dikirim ke klien. Tag-tag inilah yang akan diterjemahkan oleh browser klien menjadi halaman web. Kode-kode program ini tidak akan kelihatan di klien.Contoh bahasa pemrograman dari sisi serveryaitu seperti PHP, ASP, JSP dan lainnya.Bahasa pemrograman ini digunakan untuk membuat suatu halaman web menjadi dinamis.
b. Client Side Scripting Pemrograman web dari sisi klien maksudnya adalah membuat kode-kode program yang dieksekusi di klien khususnya oleh browser.Kode-kode program ini bisa dilihat oleh klien.Contoh bahasa pemrograman dari sisi klien yaitu HTML, javascript, CSS. HTML adalah tag-tag yang diterjemahkan oleh browser untuk membentuk secara visual suatu halaman web. HTML sekarang dikembangkan menjadi eXtensible HyperText MarkupLanguage (XHTML), sebuah versi yang lebih matang dan stabil. XHTML datang bersama beberapa cara dan pemikiran yang baru mengenai tag dalam halaman web. Aturan aturan dalam XHTML lebih ketat dibandingkan HTML dari segi cara penulisan.XHTML dapat merupakan perpaduan antara HTML dan XML karenamerupakan formulasi ulang HTML dalambentuk XML.
Sekarang ini, XHTML menjadi standar suatu web berdasarkan rekomendasi

W3C (World Wide Web Consortium). CSS dan javascript adalah bahasa program untuk membuat tampilan web menjadi interaktif.CSS dan javascript disisipkan di antara sintaksHTML.Berbagai contoh aplikasi web yaitu seperti mesin pencari atau search engine(google,yahoo), tokoonline(amazon), situs berita(detikcom), layanan akademis perguruan tingg i(website IT Telkom) dan lain-lain.

pengertian teknologi web

Pengertian Teknologi Web

Teknologi Web