LAPORAN SEMENTARA WORKSHOP WEB

“HTML LANJUT ( LINK, FRAME, DAN TABLE )”

OLEH :

JHONA SIMANJUNTAK

NIM : 2022573010091

KELAS : TI-1A

PRODI : TEKNIK INFORMATIKA

DOSEN PEMBIMBING : AMIRULLAH ,SST.,M.KOM

KEMENTERIAN RISET,TEKNOLOGI DAN PENDIDIKAN TINGGI

POLITEKNIK NEGERI LHOKSEUMAWE

2023
 LEMBARAN PENGESAHAN

Nama Mata Kuliah : Workshop Web

Nama Praktikum : HTML Lanjut ( Link, Frame, Dan Table )

Nama Mahasiswa : Jhona Simanjuntak

NIM : 2022573010091

Prodi/Kelas : Teknik Informatika/1A

Hari/Tanggal Praktikum : Rabu/28 Februari 2023

Tanggal Penyerahan : Rabu/08 Maret 2023

Nilai :

Buketrata, Maret 2023

Mengetahui Dosen Pembimbing

Amirullah,SST., M. KOM
Nip:198908282018031001
 KATA PENGANTAR
Puji dan syukur mari sama sama kita panjatkan kehadirat Tuhan Yang Maha Esa, Yang dimana
atas berkat yang diberikan kepada kita hingga saya dapat menyelesaikan laporan praktikum desain
web ini dengan baik.

Terimakasih saya ucapkan kepada pak AMIRULLAH,SST.,M.KOM selaku dosen

pembimbing mata kuliah praktikum workshop web yang telah membimbing saya.
Terimakasih juga kepada teman teman seangkatan seperjuangan saya yang telah mendukung dan
membantu saya sehingga saya dapat menyelesaikan laporan praktikum ini.

Semoga laporan praktikum desain web ini bisa menambah wawasan para pembaca dan bisa
bermanfaat. Saya selaku pembuat laporan praktikum ini masih dalam proses belajar jadi mohon
dimaklumi apabila masih ada yang kurang dalam pembuatan laporan praktikum ini, saya menerima
saran maupun kritikan yang disampaikan saudara sekalian, supaya saya dapat merevisi kembali
praktikum ini, Sekian dari saya apabila ada salah kata mohon dimaafkan, Terima kasih.
 DAFTAR ISI

LEMBARAN PENGESAHAN………………………………………………...2

KATA PENGANTAR…………………………………………………………..3

DAFTAR ISI……………………………………………………………………4

BAB I : TEORI…………………………………………………………………5

BAB II : PERCOBAAN………………………………………………………..6

BAB III : HASIL PERCOBAAN……………………………………………..18

BAB IV : KESIMPULAN DAN ANALISA…………....……………………..25

BAB V : DAFTAR PUSTAKA………………………………………………...26

 BAB I : TEORI
Hyperlink

Hyperlink yang sering dikenal dengan link yaitu menghubungkan antara satu dokumen yang lain pada

HTML. Tujuan dari hyperlink ini membuat sebuah teks atau gambar yang ketika diklik akan dialihkan ke
halaman tertentu yang sudah ditetapkan dalam penulisan hyperlink tersebut.

Hyperlink sendiri ditulis dengan atau yang kita kenal dengan anchor ( jangkar ).

< a > ini selalu diikuti oleh atribut href. dimana didalam href ( Hypertext Reference ) inilah yang akan
diisikan alamat yang dituju ketika text atau gambar diklik. berikut penulisan hyperlink menggunakan
<a href=”#”>

<a href = “pnl.ac.id”>klik disini</a>

Ketika kita klik pada tulisan klik disini maka akan dialihkan pada halaman website pnl.ac.id

Secara default, halaman yang ditautkan akan ditampilkan di jendela browser saat ini.

Untuk mengubah ini, Anda harus menentukan target lain untuk tautan tersebut. Target menspesifikasikan
atribut mana untuk membuka dokumen terkait.

Atribut target dapat memiliki salah satu dari nilai berikut:

● _self

Default. Buka dokumen di jendela / tab yang sama seperti yang diklik

● _blank

Membuka dokumen dijendela atau tab baru

● _parent

Membuka dokumen dalam bingkai induk

● _top

Membuka dokumen diseluruh jendela

Membuat table

Tag < TABLE > digunakan untuk membuat table dalam document HTML, bagian pokok dari table

adalah cell yang didefenisikan dengan menggunakan tag <TD>. Berikutnya jika anda ingin membuat
beberapa baris cell dalam table gunakan tag <TR>.

Menambahkan Heading cell

Untuk membuat heading pada table tambahkan tag <TH> pada table yang sudah dibuat.

Pemoformatan table

Untuk menformat perataan text didalam table anda bisa gunakan atribute Align dan Valign

( vertical alignment )

Merge cell

Tag <TD> memiliki atribut coplosan untuk merge column dan rowspan untuk merge baris.
 BAB II : PERCOBAAN

1). Hyperlink ( hyperlink.html )

Input program :

Output program :
2). Table sederhana (table.html)

Input program :

Output program :
3). Table dengan border ( table_border.html )

Input Program :

Output Program :
4). Table dengan Padding Sel ( table_padding_sel.html )

Input Program :

Output Program :
 5). Table dengan banyak kolom dalam satu sel ( table_banyak_kolom.html )

Input Program :

Output Program :