FORMAT KAITAN DAN FORMAT FORMULIR PADA HALAMAN WEB

-

PENDAHULUAN

Halo balik lagi sama aku Raisa. Kali ini aku akan menjelaskan tentang FORMAT KAITAN DAN FORMAT FORMULIR PADA HALAMAN WEB yaitu bab ke 3 dari buku berjudul PEMROGRAMAN WEB DAN PERANGKAT BERGERAK.

Pemrograman Web dan Perangkat Bergerak adalah salah satu mata pelajaran SMK program keahlian bagi siswa Kelas XI semester 1 dan semester 2. Pelajaran ini termasuk pada bidang keahlian Informasi dan Komunikasi dengan program keahlian Teknik Komputer dan Informatika, serta termasuk ke dalam kompetensi keahlian Rekayasa Perangkat Lunak.

BAB 3

FORMAT KAITAN DAN FORMAT FORMULIR PADA HALAMAN WEB 

PENGERTIAN

Di dalam situs web biasanya akan terlihat teks yang warnanya berbeda bergaris bawah, atau berada dalam kotak (tombol). Inilah yang disebut hyperlink atau link. Jika bagian ini diklik, itu akan menunjukan ke halaman web lainnya.

PEMAHAMAN

A. Format Kaitan pada Halaman Web 

Ada beberapa cara (format) untuk menampilkan pranala pada halaman. web. Jika pengunjung website sedang mengeklik suatu kata atau gambar yang mengandung hyperlink, ia akan diarahkan untuk menuju ke alamat URL yang ada di dalam hyperlink tersebut.

1. Konsep Hyperlink dalam HTML

Link berguna untuk menghubungkan antar dokumen HTML Link merupakan singkatan dari hyperlink, yang identik dengan sebuah fungsi dalam HTML. yang digunakan untuk memudahkan user untuk menelusuri seluruh isi atau informasi yang tersimpan dalam website bersangkutan. Dalam HTML, sebuah objek teks yang berupa link akan ditampilkan dengan font berwarna biru style underline (bergaris bawah).

a. Mengenal Jenis Link

Link dalam suatu objek dapat berupa teks atau gambar yang dipakai dalam kode HTML untuk menuju dari suatu bagian ke bagian yang lain pada halaman yang sama atau menuju ke halaman (file) yang berbeda.

1) Link Absolut

Link absolut adalah link yang mengarah langsung pada website tertentu, di mana sebuah dokumen dikunci pada alamat valid sebuah website dan tidak tergantung pada direktori lokasi dokumen html berada.

2) Link Relatif

Link relatif adalah link yang mengarah langsung pada lokasi path atau direktori tujuan yang tersimpan pada web server atau komputer tanpa diawali dengan alamat domain website tersebut. Oleh sebab itu, pengunaannya sangat tergantung pada lokasi file berada.

2. Tag-Tag untuk Hyperlink

Peran link dalam halaman web sangat besar dan selalu dibutuhkan untuk memudahkan pengguna web dalam berinteraksi dengan halaman halaman web yang ada.

Contoh tag tag untuk hyperlink

a. <a>

<a> berfungsi dalam mendefinisikan sebuah hyperlink yang digunakan untuk menghubungkan halaman satu ke halaman lain.

b. <link>

 <link> berfungsi untuk menghubungkan dokumen yang bersangkutan dengan sumber file yang berasal dari luar (external).

c. <nav>

<nav> berfungsi untuk mendefinisikan link navigasi.

d. mailto

Kadang-kadang Anda ingin memudahkan pengguna untuk mengirimkan e-mail ke suatu alamat e-mail tertentu.

B. Format Formulir pada Halaman Web

Form dapat digunakan untuk berbagai keperluan, seperti keperluan login, transaksi penjualan, mengumpulkan informasi atau meminta umpan balik dari user, menawarkan barang/jasa secara online, dan sebagainya.

1. Konsep Formulir dalam HTML

Form merupakan salah satu bentuk halaman web yang digunakan untuk menerima perintah masukan dari user, yang selanjutnya diolah. menggunakan bahasa pemrograman web, baik secara server side scripting menggunakan PHP atau JSP maupun client-side scripting (javascript).

2. Penggunaan Tag Form

Form HTML digunakan untuk memilih berbagai macam inputan yang disediakan. Data bisa dimasukkan dalam bentuk input teks, pilihan radio button, check box, dan lain-lain. Bentuk inputan tersebut dikemas elemen dalam tag-tag form. Berikut ini elemen-elemen yang disediakan oleh HTML.

3. Form Option

<Form> merupakan formulir yang digunakan sebagai perantara dalam memasukkan data ke server. Elemen form harus membungkus selund elemen masukan informasi agar dapat dibaca oleh aplikasi web.

4. Metode Get dan Post

Protokol HTTP menyediakan dua metode dalam melakukan permintaan pengiriman data bentuk HTML, yaitu metode GET dan metode POST Sementara itu, permintaan HTTP terdiri atas dua bagian, yaitu sebuah header yang berisi sekumpulan metadata global mengenai kemampuan browser dan body yang dapat berisi informasi yang diperlukan ke server untuk memproses permintaan khusus.

5. Tipe-Tipe Inputan dalam Form (Text, Password, Radio, Checkbox. Hidden, Button, Submit, dan File)

Form HTML digunakan untuk memilih berbagai macam data yang disediakan dalam bentuk text area, input teks, pilihan radio button, check box, dan lain-lain. Bentuk input tersebut dikemas elemen dalam tag-tag form.

Note : Semua hal yg di rangkum di dalam sini di ambil dari buku paket kelas XI berjudul PEMROGRAMAN WEB DAN PERANGKAT BERGERAK 




Comments

Post a Comment

Popular posts from this blog

MEMBUAT WEBSITE ETICKETING UNTUK PESAWAT

-
Image
Halo hari ini saya membuat aplikasi website untuk pembelian tiket pesawat. Dengan 3 aktor user, admin, maskapai semua. LANGKAH - LANGKAH : - PERTAMA  MEMBUAT DATABASE - KEDUA MEMBUAT KONEKSI DAN FUNCTION CODING <?php $db = mysqli_connect("localhost", "root", "", "tiket_penerbangan"); function query($query) {         global $db;     $result = mysqli_query($db, $query);     $rows = [];         while ($row = mysqli_fetch_assoc($result)) {         $rows[] = $row;     }     return $rows; } function tambah($data) {            $nama_maskapai = htmlspecialchars($data["nama_maskapai"]);     $tanggal_penerbangan = htmlspecialchars($data["tanggal_penerbangan"]);     $kuota_penerbangan = htmlspecialchars($data["kuota_penerbangan"]);     $bandara_asal ...
Read more

MEMBUAT FORM LOGIN DAN REGISTRASI KELOMPOK 5 PERSONA

-
Image
MEMBUAT DATA BASE Atribut untuk membuat data base Lalu sambungkan dengan visual studio Dan membuat project untuk registrasi Dengan coding di bawah ini : Imports System.Data.SqlClient Imports System.Net.Http.Headers Public Class Form1     Private Sub Form1_Load(sender As Object, e As EventArgs) Handles MyBase.Load End Sub   Private Sub Button1_Click(sender As Object, e As EventArgs) Handles Button1.Click         Dim con As SqlConnection = New SqlConnection("Data Source=LAPTOP-2FG2PCBN\SQLEXPRESS;Initial Catalog=DB_Regist;Integrated Security=True")         Dim cmd As SqlCommand = New SqlCommand("insert into TB_Regs values ('" + TextBox1.Text + "','" + TextBox2.Text + "','" + TextBox3.Text + "')", con)         Dim sda As SqlDataAdapter = New SqlDataAdapter(cmd)        Dim dt As DataTable = New DataTable()         sda.Fill(dt)         MessageBox.Show("Anda B...
Read more

TUGAS PART 4 ARITMATIKA DALAM CODING

-
Image
Operator sering digunakan untuk program yang mengandung perhitungan atau suatu kondisi. Juga digunakan untuk memanipulasi atau mengubah suatu nilai pada variabel yang kita sudah tentukan. Pada bahasa pemrograman PHP ada 3 Operator utama, yaitu  Operator Unary Operator Binary Operator Ternary Operator Aritmatika sering disebut operator matematika, dikarenakan untuk pengolahan bilangan seperti; Penjumlahan, Pengurangan, Perkalian, dan Pembagian. CARA PENGGUNAAN  ARITMATIKA DENGAN CODING DENGAN SISTEM KASIR SIMPLE <?php echo '<div class="text">BAKERY</div>' ; $namaPembeli = "RAISA" ; echo "NAMA PEMBELI : " . $namaPembeli . "<br>" ; date_default_timezone_set ( 'Asia/Jakarta' ); echo date ( 'l, d-M-Y / H:i:s a' ). "<br>" ; echo "--------------------------------------------------" . "<br>" ; $daftarBarang1 = "CHEESECAKE" ; $daftarBarang2 = "BLUBER...
Read more