Laporan Praktikum Resmi II

Praktikum Desain web

Di susun oleh:

MUNAWAR IMAN

Nim : 2021573010024

Nama : Munawar iman

Jurusan : TIK

Program Studi : Teknik Informatika

Dosen Pembimbing : MAHDI, ST., M.CS

KEMENTRIAN RISET TEKNOLOGI DAN PERGURUAN TINGGI POLITEKNIK NEGERI

LHOKSEUMAWE TAHUN AJARAN 2021

i
 LEMBAR PENGESAHAN

No. Praktikum : 02/TIK/TI.1B/Desain web /2022

Judul : Membuat web dengan html

Nama : Munawar iman

NIM : 2021573010024

Kelas : TI 1.B

Jurusan : Teknologi Informasi dan Komputer

Prodi : Teknik Informatika

Tanggal praktikum : 1 Maret 2022

Tanggal penyerahan : 7 Maret 2022

Nilai :

ii
Dafta r isi
BAB I Pendahuluan..................................................................................................................iv
1. Tujuan..........................................................................................................................iv
2. Dasar teori...................................................................................................................iv
BAB II Permasalahan...............................................................................................................v
12. unordered list................................................................................................................v
13. unorderet list.................................................................................................................vi
14. ragam tag ordered list..................................................................................................vii
15. ragam tag ordered list.................................................................................................viii
16. list bertingkat.................................................................................................................ix
17.Definistion list.................................................................................................................ix
18. hyper link lewat teks.......................................................................................................x
20. hyperlink membuka windows baru...............................................................................xi
21.hyper link melompat bagian lain...................................................................................xii
Analisis....................................................................................................................................xii
BAB III Kesimpulan..................................................................................................................xii

iii
 BAB I
Pendahuluan
1. Tujuan
Tujuan dari praktikum ini adalalah sebagai berikut :
1. Tujuan dibuatnya laporan praktikum ini adalah untuk memenuhi tugas mata
kuliah
Pemrograman Web dan untuk berbagi ilmu kepada para pembaca.
2. Mengimplementasikan bahasa pemrograman PHP (HyperText Preprocessor)
3. Dapat membuat dokumen HTML dengan menggunakan permainan warna dan
berbagai
jenis tampilan teks
4. Dapat membuat halaman web dengan menggunakan kode HTML secara
sederhana

2. Dasar teori
Struktur Dasar HTML Hypertext Markup Language (HTML) adalah bahasa yang
digunakan untuk menulis halaman web. Ciri utama dokumen HTML adalah
adanya tag dan elemen. Elemen dalam dokumen HTML dikategorikan menjadi
dua yaitu elemen yang berfungsi memberikan informasi tentang dokumen tersebut
dan elemenyang menentukan bagaimana isi suatu dokumen ditampilkan oleh
browser, seperti paragraf, list(daftar), tabel dan lain-lain. Sedangkan tag
dinyatakan dengan tanda lebih kecil “ < “ ( tag awal ) dan tanda lebih besar “ > “
(tag akhir). Dalam penggunaannya sebagian besar kode HTML tersebut harus
terletak di antara tag kontainer. Yaitu diawali dengan dan diakhiri dengan
(terdapat tanda "/"). Dokumen HTML mempunyai tiga buah tag utama yang
membentuk struktur dari dokumen HTML yaitu HTML,HEAD dan BODY. Tag
HTML berfungsi untuk menyatakan suatu dokumen HTML, tag HEAD berfungsi
untuk memberikan informasi tentang dokumen HTML dan tag BODY berfungsi
untuk menyimpan informasi atau data yang akan ditampilkan dalam dokumen
HTML.
TABEL Dalam pembuatan homepage, tabel memiliki fungsi yang tidak kalah
penting dengan tag-tag HTML lainnya. Pertama tabel berfungsi untuk
menampilkan informasi secara terstruktur, ringkas dan mudah dibaca, kedua
berfungsi untuk mengatur tampilan homepage agar lebih menarik. Tag utama
untuk tabel yaitu

iv
 dan untuk membuat judul tabel tag-nya table header lalu untuk membuat data
tabel atau isi tabel menggunakan tag table Data dan untuk membuat baris adalah
memakai tag Table Rows FORM Form biasanya digunakan untuk mengumpulkan
informasi dari user, sehingga memungkinkan suatu web server untuk menerima
informasi dari pemakai melalui sejumlah elemen yang disebut kontrol. Kontrol ini
bisa berupa suatu textbox, checkbox, radio button, push button, list menu dan
lainnya.

BAB II
Permasalahan
12. unordered list

v
13. unorderet list

vi
14. ragam tag ordered list

vii
15. ragam tag ordered list

viii
16. list bertingkat

17.Definistion list

ix
18. hyper link lewat teks

19.hyper link lweat gambar

x
20. hyperlink membuka windows baru

xi
21.hyper link melompat bagian lain

Analisis
Pada program di atas menggunakan tag<!DOCTYPE html> untuk
mendefinisikan dokumen menjadi HTML, sedangkan tag yang dinyatakan dengan
tanda lebih kecil < (tag awal) dan tanda lebih besar > (tag akhir) dalam penggunaan
nya sebagian besar kode html tersebut harus terletak di antara tag container. lalu
mengunakan tag <head> informasi meta tentang dokumen, kemudian menggunakan
tag <body> tempat dibuatnya semua konten website menggunakan HTML, lalu <h4>
untuk membuat heading, tag <ul> untuk membuat tampilan daftar menggunakan
symbol, dan yang terakhir ada tag <li> yaitu untuk menampilkan berbagai item yang
ingin di tampilkan.

BAB III
Kesimpulan
Website adalah sebagai kumpulan halaman-halaman yang digunakan untuk
menampilkan informasi teks,gambar diam atau gerak,animasi,suara, dan gabungan
dari semuanya itu baik yangbersifat statis maupun dinamis yang membentuk satu
rangkaian bangunan yang saling terkait dimana masing-masing dihubungkan dengan
jaringan-jaringan Halaman(hyperlink).

xii
xiii