LAPORAN PRAKTIKUM 1

PEMOGRAMAN BERBASIS WEB

ADYTIA ULHAQ
20076069
PENDIDIKAN TEKNIK INFORMATIKA
JURUSAN TEKNIK ELEKTRONIKA
FAKULTAS TEKNIK
UNIVERSITAS NEGERI PADANG
SEMESTER 4
TAHUN 2021
LATIHAN

1. Latihan 1 paragraf dan line break

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT
C. KESIMPULAN

Pada Penjelasan Latihan Pertama menjelaskan Paragraf dan line break

Untuk penjelasan pertama pemberian spasi Menggunakan ( & nbsp ; ) jadi pada tugas 1
memberikan jarak antara setiap teks.

Untuk penjelasan sealanjutnya pada code " < br > " menampilkan enter untuk teks / pada
suatu paragraf.

2. Latihan 2 background color dan heading

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT
C. KESIMPULAN

Pada Penjelasan Latihan Kedua menjelaskan tentang pemberian Background color dan Heading
di website.

Untuk Penjelasan pemberian background color menggunakan syntax ( bgcolor="warna yang di

inginkan" ) .

3. Latihan 3 garis horizontal dan komentar tersembunyi

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada Penjelasan Latihan Ketiga menjelaskan tentang pemberian Garis horisontal dan komentar
tersembunyi. Untuk Penjelasan pemberian garis horizontal memberikan syntax ( < hr > jika ingin
menambahkan size tuliskan syntax size=:"berapaukuranya" , jika menambahkan panjangnya
menggunakan syntax ( width "berapaukuranya" ) ,selanjutnya memberikan syntax
tersembunyi untuk syntax tersembunyi memberikan info kepada pembuat coding saja dengan
syntax ( < !— Ini adalah komentar yang tidak akan ditampilkan di layar browser --> ).

4. Latihan 4 pemformatan teks

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada Penjelasan Latihan Keempat menjelaskan tentang pemberian Pemformatan Teks. Untuk
penjelasan pemberian Pemformatan Teks memberikan syntax ( < b > jika ingin mengubah teks
menjadi tebal ), ( jika ingin teks nya juga tebal kita menggunakan syntax < strong > ), ( jika kita
ingin mengubah teks menjadi huruf besar, maka kita dapat menggunakan < big > ), ( untuk
mengubah teks menjadi miring, kita menggunakan < em > ), ( untuk mengubah teks nya miring
juga, kita menggunakan < i > ), ( untuk mengubah teks menjadi huruf kecil, kita menggunakan <
small > ), ( jika kita ingin memberikan pangkat atas atau pangkat bawah, maka kita dapat
menggunakan < sub > untuk pangkat bawah, sedangkan < sup > untuk pangkat atas ).

5. Latihan 5 teks yang di preformat

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT
C. KESIMPULAN

Pada Penjelasan Latihan Kelima menjelaskan tentang pemberian teks yang di-preformat. Untuk
penjelasan pemberian teks yang di-preformat memberikan syntax ( < pre > untuk menjadikan
teks yang di-preformat akan menampikan spasi dan line break apa adanya ), untuk
menampilkan kode komputer tag pre kita menggunakan < p > ).

6. Latihan 6 tag “keluaran komputer”, alamat, singkatan, dan kependekan.

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT
C. KESIMPULAN

Pada Penjelasan Latihan Keenam menjelaskan tentang pemberian tag " keluaran komputer ",
alamat, singkatan, dan kependekan. Untuk penjelasan pemberian tag memberikan syntax ( <
code > untuk kode komputer ), untuk masukan dari keyboard kita menggunakan syntax < kbd
> ), untuk menentukan jenis teks teletype kita menggunakan < tt > ), untuk memberikan teks
contoh kita menggunakan < samp > ), untuk variabel komputer kita menggunakan < var > ), ( <
address > untuk memasukkan alamat ), < abbr > digunakan untuk singkatan ), < acronym >
digunakan untuk singkatan juga ).

7. Latihan 7 arah teks dan quotation

A. SCRENSHOOT PROGRAM

B. SCRENSHOOT OUTPUT
C. PENJELASAN PROGRAM

Pada penjelasan Latihan Ketujuh menjelaskan Arah Teks dan quotition , pada hal ini Bila
browser Anda mendukung kemampuan bi-directional override (bdo), baris berikut ini akan
dituliskan dari kanan ke kiri (rtl):,dan quotation panjang. Ini adalah quotation panjang. Ini
adalah quotation panjang. Ini adalah quotation panjang. Ini adalah quotation panjang.

8. Latihan 8 teks yang terhapus, disisipkan, dan entitas karakter

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada penjelasan Latihan Kedelapan menjelaskan tentang Teks Yang Terhapus, Disisipkan, dan
Entitas Karakter. Untuk penjelasan pemberian syntax teks yang terhapus kita menggunakan <
del >, untuk teks yang disisipkan kita menggunakan < ins >, untuk entitas karakter kita dapat
menggunakan &#000; yang dimana 000 dapat diganti dengan suatu angka.

9. Latihan 9 list unordered dan ordered

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada penjelasan Latihan Kesembilan menjelaskan tentang List Unordered dan Ordered. Untuk
penjelasan pemberian syntax list unordered kita menggunakan < ul > dan < li >, untuk
memberikan list ordered kita menggunakan < ol > dan < li >.

10. Latihan 10 jenis-jenis list ordered

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada penjelasan Latihan Kesepuluh menjelaskan tentang Jenis - Jenis List Ordered. Untuk
penjelasan pemberian syntax list bernomor, kita menggunakan < ol > dan < li >, untuk list
dengan huruf kita menggunakan < ol type="A" > dan menggunakan < li >, untuk list dengan
huruf kecil kita menggunakan < ol type="a" > dan menggunakan < li >, untuk list dengan angka
romawi kecil kita menggunakan < ol type="i" > dan menggunakan < li >.

11. Latihan 11 jenis-jenis list unordered

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada penjelasan Latihan Kesebelas menjelaskan tentang Jenis - Jenis List Unordered .Untuk
penjelasan pemberian syntax list dengan bullet berbentuk disc menggunakan < ul type="disc" >
dan < li >, untuk list dengan bullet berbentuk lingkaran menggunakan < ul type="circle" > dan
menggunakan < li >. Untuk list dengan bullet berbentuk kotak, kita menggunakan < ul
type="square" > dan menggunakan < li >.

12. Latihan 12 list bersarang dan list definisi

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada penjelasan Latihan Keduabelas menjelaskan tentang List Bersarang dan List Definisi. Untuk
penejlasan pemberian syntax list bersarang kita menggunakan < ul > dan < li >, untuk list
definisi kita menggunakan < dl >, < dt >, dan < dd >.

TUGAS

Gunakan coding latihan diatas untuk membuat halaman web biodata pribadi anda.

A. SCRENSHOOT PROGRAM
B. SCRENSHOOT OUTPUT

C. KESIMPULAN

Pada kesimpulan praktikum kali ini ialah membuat sebuah pemograman web dengan
pengenalan dasar dasar html dengan menggunakan tag dasar dengan membuat biodata pribadi
masing masing namun dengan menggunakan setiap langkah-langkah pada latihan yang ada
pada jobsheet kali ini, dan memasukkan setiap unsur-unsurnya.