MAKALAH

CODINGAN HTML BIODATA MAHASISWA BERBASIS WEB

Untukmemenuhi salah satutugasUjian Akhir Semester (UAS)
Mata kuliahJaringanKomputer
DosenPembimbing : OVIENDA OKVIRIANA PUTRI, ST

NAMA : RINI JULIYANTI

NIM : MI0521220249

KAMPUS V CITRA BUANA INDONESIA (CBI)

PALABUHANRATU
2022/2023
 KATA PENGANTAR

Puji syukur kami ucapkan kehadirat Allah SWT atas segala rahmat-Nya sehingga
makalah ini dapat tersusun sampai dengan selesai. Puji dan syukur penulis panjatkan kepada
Tuhan Yang Maha Esa atas selesainya makalah yang berjudulAplikasi Biodata Mahasiswa.
Atas dukungan moral dan materi yang diberikan dalam penyusunan makalah ini, maka penulis
mengucapkan terima kasih kepada Ibu Ovienda Okviriana Putri,ST selaku dosen Pemprograman
Web.
Penulis menyadari bahwa makalah ini jauh dari kata sempurna dan masih terdapat
beberapa kekurangan, oleh karena itu penulis sangat mengharapkan saran dan kritik yang
membangun dari pembaca untuk penyempurnaan makalah ini.

Lengkong,

i
 DAFTAR ISI

KATA PENGANTAR......................................................................................i
DAFTAR ISI.................................................................................................ii
BAB 1.........................................................................................................1
PENDAHULUAN.........................................................................................1
1.1Latar Belakang...................................................................................1
1.2Rumusan Masalah.............................................................................2
1.3 Tujuan Penelitian..............................................................................2
1.4 Manfaat penulisan............................................................................2
BAB 2.........................................................................................................3
KAJIAN TEORI.............................................................................................3
BAB 3.........................................................................................................4
IMPLEMENTASI KINERJA...........................................................................4
3.1 Rancangan........................................................................................4
3.2 Tampilan hasil Rancangan................................................................4
3.3 Codingan...........................................................................................6
BAB 4.........................................................................................................8
PENUTUP...................................................................................................8
4.1 Kesimpulan.......................................................................................8
DAFTAR PUSTAKA......................................................................................9

ii
iii
 BAB 1
PENDAHULUAN

1.1Latar Belakang

Berceritamengenai coding tidakakanpernahadahabisnyadariwaktukewaktusebab coding

telahmenjadibagianseorangprogramersejakAda Lovacemenemukansebuahbahasapemrograman. Dimana
padasaatini coding telahmenjadisaranaseorangprogrameruntukmenyampaikan ide menjadisebuah
program.

Denganberjalannyawaktu Bahasa pemrogramansemakinmaju,dantercipta Bahasa pemrograman

HTML,Sejarah HTML pertama kali dibuat oleh Tim Berners-Lee yang merupakanfisikawan di
lembagapenelitian CERN, Swiss. Berners-Lee mempunyai ide ataupemikiranmengenaisistem hypertext
berbasis internet. Sekitartahun 1991, Tim merilisversi HTML pertama yang di dalamnyaterdalamsekitar
18 tag.

Selanjutnya, HTML juga mengalamitahapperbaikan (maintain) dan dikembangkan oleh World

Wide Web Consortium (W3C). Pada tahun 2014, merupakanwaktudimana HTML
mengalami upgrade yang cukupsignifikan dan terdapatfitur semantic untukmemudahkanpengembang
website dalammenyusunkode dan memberitahukanmaknadarikontentersebut.

Untuksekarang, HTML mengalamibeberapapengembangandarisisifitursertainformasi yang

disajikanhinggaversiterbaru, yaitu HTML5. Setiaptahunnya, bahasainimempunyaitingkatpopularitas yang
cukuptinggisehinggadijadikansebagai web standard resmi di dunia pemrograman.Ada beberapa Html
yang akan di bahasdalamkaryailmiahini, yaitutentangcarapenggunaan marquee, penambahantabel pada
html, dan caramenambahfoto.

Tag Marquee pertama kali dipakai oleh Microsoft untuk Internet Explorer versiawal. Marquee
adalahsuatuperintahdalam HTML untukmembuatteksbisabergerakatauberjalan. Marquee adalah salah
satu tag dalam HTML yang pentinguntukdiketahui, denganmemasukkan tag Marquee
makaakanmembuat tulisan atauteks yang ditentukanbisabergerak di sebuah website. kegunaan marquee
atauteksberjalan pada html adalahuntukmenambahestetika dan dayatarikpembaca. Contohpenggunaan
marquee adalah pada layartelevisiterdapat tulisan bergerak di bagianbawah.

Adapun penambahantabelitusamapentingnyadalam html. Tabel pada

dasarnyadigunakanuntukmengelompokkansuatu data secaraterstruktur yang terdiridari baris, kolom dan
sel. Baris, kolom dan sel pada suatutabelini sangat membantudalammelihatinformasiketerkaitan di

1
 2

dalamnya.HTML sebagaibahasa markup telahmenyediakanelemen table yang

bisadigunakansaatinginmembuattabel.

Tag <img>digunakanuntukmenyematkangambar di
halamanHTML.Gambarsecarateknistidakdimasukkankedalamhalaman web; gambarditautkankehalaman
web. Tag <img>membuatruangpenyimpananuntukgambar yang direferensikan.Gambarakanmembuat
website terlihatlebihmenarik. Karena otakmanusialebihmudahmenyerapinformasidengan visual
dibandingkanhanyateks saja.HTML adalah salah satu tag yang paling
umumdigunakanuntukmembangunstruktur website. Dalam html, adabeberapa tag yang wajib da
gunakan agar gambarmunculdalam web.

1.2Rumusan Masalah

1) Bagaimanateksbergerakatauberjalansesuaidengankeinginanprogrammer ?
2) Bagaimana output table bisaberada pada sebuah web Bahasa pemrograman html?
3) Apakegunaan tag <img> pada Bahasa pemprograman HTML?

1.3 TujuanPenelitian

Tujuan Codingan HTML Biodata MahasiswaBerbasis Web ini untuk memenuhi tugas
UAS Pemprograman Web,sekaligus untuk mempermudah dan mengolah data identitas atau
data diri pribadi mahasiswa sehingga dapat dengan mudah diakses secara efektif dan efisien.

1.4 Manfaatpenulisan

Manfaatdaripenulisanmakalahiniadalah:

1. Untukmembanguntampilansebuah website dan memudahkansetiappengembangdalam

proses development dan maintence.
2. Memudahkanmahasiswauntukmengakses data dirimahasiswa
 BAB 2
KAJIAN TEORI

HTML (HyperText Markup Language)Sebuahbahasapemrograman yang

digunakanuntukmembuatsebuahhalaman web, menampilkanberbagaiinformasi dan dapat juga
digunakansebagai link-link menujuhalaman web yang lain dengankodetertentu.

MenurutSibero (2013:19) “HyperText Markup Language atau HTML adalahbahasa yang

digunakan pada dokumen web sebagaibahasauntukpertukarandokumen web”.
sebuahdokumenbahasauntukmenentukanstrukturpengambilan di Internet menggunakan program
browser World Wide Web tersebut. Selainitu HTML sebuahaplikasidari Standard Generalized
Markup Language (SGML) yang merupakanStandarInternasional (ISO 8879) untukteks markup.
Prinsipnyaadalahbahwateks markup berkonsentrasi pada strukturdaripadapenampilan, membuat
file lebihnyata dan meninggalkanrincian visual untukperangkatlunakpenggunaakhir (seperti browser
Anda membacainidengansekarang).

MenurutAnhar (2010:40) menyatakanbahwa HTML merupakansekumpulansimbol-

simbolatau tag-tag yang dituliskandalamsebuah file yang digunakanuntukmenampilkanhalaman
pada web browser.Tagadalahsuatupenandauntukmenandaielemen-elemendalamsuatudokumen
HTML dan Fungsi Tag adalahuntukmemberikaninstruksiataumemberitahukepada browser
bagaimanasuatuobjek di tampilkanberdasarkan Tag yang di gunakan, objekdisinibisaberupateks,
video, audio dan gambar.MenurutYuhefizar, Mooduto dan Hidayat (2009:1) menyatakanbahwa
HTML merupakansuatukoderesmipemrograman yang menjadidasarterwujudnya web.

Menurut Sibero (2013:11) mengemukakanbahwa “web

browser adalahaplikasiperangkatlunak yang digunakanuntukmengambil dan
menyajikansumberinformasi”. Web browser merupakanperangkatlunak yang dapatmemprosespaket
HTTP dan menampilkannyakembalikepada user dengan format HTML (Supono&Putratama, 2016:5).

Berdasarkanpernyataan di atasdapatdisimpulkanbahwa HTML merupakansekumpulan

symbol-simbol yang digunakanuntukmembuatsebuahdokumen pada web browser.

3
 BAB 3
IMPLEMENTASI KINERJA
3.1Rancangan

Metadata adalah data tentangdokumen HTML. Metadata

tidakditampilkan.Metadatabiasanyamenentukanjuduldokumen, kumpulankarakter, gaya, skrip, dan
informasi meta lainnya.Bahasapemrograman HTML di mulaidenganmenggunakan tag
<html></html>melanjutkandenganadanya tag<head></head>adalahwadahuntuk metadata (data
tentang data) dan ditempatkan di antara tag <html></html> dan tag <body></body>.Tag
<body>mendefinisikanisidokumenberisisemuakontendokumen HTML, seperti heading, paragraf,
gambar, hyperlink, tabel, daftar, dll.Tag body bisa juga memasukanelmencssmenerapkanwarna
background denganmenggunakan<body bgcolor=” “>

Catatan:-Hanyabolehadasatuelemen<body>dalamdokumen HTML.

-Sebaiknyajanganmenggambungkan html dengan CSS di dalamsatu program.

Tag heading biasanyadigunakanuntukmembuatjudul pada halaman web,
tag heading pada HTML terdiridari 6 tingkatanyaitu yang terdiridari h1 , h2 , h3 , h4 , h5 , h6 .

Tag <img>digunakanuntukmenyematkangambar di
halamanHTML.Gambarsecarateknistidakdimasukkankedalamhalaman web;
gambarditautkankehalaman web. Tag <img>membuatruangpenyimpananuntukgambar yang
direferensikan.Tag<img>memilikiduaatribut yang diperlukan:

 src - Menentukan jalur ke gambar

 alt - Menentukan teks alternatif untuk gambar, jika gambar karena alasan tertentu tidak dapat
ditampilkan
Catatan: Juga, selalutentukanlebar dan tinggigambar. Jika lebar dan tinggitidakditentukan,
halamanmungkinberkedipsaatgambardimuat.

Tag <a>mendefinisikan hyperlink, yang

digunakanuntukmenghubungkandarisatuhalamankehalamanlainnya.Atributterpentingdarielemen<a
>adalahatributhref, yang menunjukkantujuantautan.Secara default,
tautanakanmunculsebagaiberikut di semua browser:

 Tautan yang belum dikunjungi digarisbawahi dan berwarna biru

 Tautan yang dikunjungi digarisbawahi dan berwarna ungu
 Tautan aktif digarisbawahi dan merah

Tag <table>mendefinisikantabelHTML.Sebuahtabel HTML terdiridarisatuelemen<table> dan

satuataulebihelemen<tr>, <th>, dan <td>.Elemen<tr>mendefinisikan baris tabel,
elemen<th>mendefinisikan header tabel, dan elemen<td>mendefinisikanseltabel.Tabel HTML juga
dapatmenyertakanelemen<caption>, <colgroup>, <thead>, <tfoot>, dan <tbody>.

Tag HTML <marquee>suatuperintahdalam HTML

untukmembuatteksbisabergerakatauberjalan.makaakanmembuat tulisan atauteks yang
ditentukanbisabergerak di sebuah website. kegunaan marquee atauteksberjalan pada html
adalahuntukmenambahestetika dan dayatarikpembaca. Contohpenggunaan marquee adalah pada
layartelevisiterdapat tulisan bergerak di bagianbawah.

4
 5

3.2TampilanhasilRancangan

3.3Codingan

<html>
<head>
<title>UAS KELAS E1</title>
</head>
<body>
<body bgcolor="lightblue">

<center>
<img src="logoCBI.jpg" width="150" height="150">
<br>
 6

<h1>projec pemograman web</h1>

<h2>alikasi biodata mahasiswa</h2>
<h2>rini juliyanti</h2>
<br>
<table border="2" cellspacing="2" cellpadding="15">
<tr>
<td bgcolor="pink"><h3>home</h3></td>
<td bgcolor="yellow"><h3>input</h3>></td>
<td bgcolor="pink"><h3>login</h3></td>
</tr>
</table>
<br>
<marquee>
<font color="black">SELAMAT DATANG DIKAMPUS CITRA BUANA INDONESIA
5</font>
</marquee>
</center>
<br>
<hr></hr>
<br>
<h2> IDENTITAS PEMBUAT HALAMAN WEB</h2>
<img src="Rini.jpg" width="200" height="150">
<br>
<h3> NAMA LENGKAP : RIN IJULIYANTI</h3>
<h3> NAMA PANGGILAN : RINI</h3>
<h3> TTL : SUKABUMI 16 07 2001</h3>
<h3> ALAMAT : bojong kopo RT 01/01
<h3> hp :081290799788 </h3>
<h3>jurussn : MI</h3>
<h3> motivasi : GA ADA MOTIVASI</h3>

</body>
</html>
7
 BAB 4
PENUTUP
4.1 Kesimpulan

HTML (HyperText Markup Language)Sebuahbahasapemrograman yang

digunakanuntukmembuatsebuahhalaman web, menampilkanberbagaiinformasi dan dapat juga
digunakansebagai link menujuhalaman web yang lain dengankodetertentu.Dalampembentukan
website menggunakan HTML tentunyatidaklepasdari yang namanya tag dan
atributuntukunsurpembuatannya.

Dalampembuatan website, dikenalduakomponenpentingyaitu www dan HTML. Dimana

www merupakansuatuprotokolstandardari internet, sedangkan HTML merupakan script atau
program standar yang dijalankan oleh www atauProyek HTMLdibuatdenganmenggunakan media
web

Di dalam HTML terdapatduabagiandokumenyaitubagiankepala (head) dan bagiantubuh

(body). Pembuatanproyek web/HTML sekolahdenganmenggunakan notepad
inidimulaidenganpembuatanbahasa HTML dalam notepad. Yang kemudianuntuksetiap baris
dalamproyekiniselaludibuatdenganbahasa HTML tersendirisesuaidenganapa yang akankitabuat.

Marquee adalah salah satu tag dalam HTML yang pentinguntukdiketahui,

denganmemasukkan tag Marquee makaakanmembuat tulisan atauteks yang ditentukanbisabergerak
di sebuah website.

Tag <table>mendefinisikantabelHTML.Sebuahtabel HTML terdiridarisatuelemen<table> dan

satuataulebihelemen<tr>, <th>, dan <td>.

Tag <img>digunakanuntukmenyematkangambar di
halamanHTML.Gambarsecarateknistidakdimasukkankedalamhalaman web;
gambarditautkankehalaman web.

4.2. SARAN

Denganadanyasusunanmakalahinidiharapkandapatmembantupembacauntukmegenal dan
membangunsebuahwebsite ,mengerti dan memahamibagaimanamembuat website yang baik dan
benar.

8
 DAFTAR PUSTAKA

Refsnes Data.2022.” HTML tutorial”,https://www.w3schools.com/html/ ,di akses pada 13

mei 2022 pukul 21:01

Putra.2017."pengertian HTML", https://www.webhozz.com/blog/pengertian-html-dan-

contohnya/, diakses pada 13 mei 2022 pukul 20.10

Adani,Robith.2021."Mengulas Penggunaan HTML dan Cara Kerjanya pada Web

Development.Sejarah
HTML",https://www.sekawanmedia.co.id/blog/pengertianhtml/#:~:text=Sejarah%20HTML
%20pertama%20kali%20dibuat,dalamnya%20terdalam%20sekitar%2018%20tag , diakses pada 13
mei 2022 pukul 20.18

Admin. 2017."pengertian HTML menurut para ahli", https://dilihatya.com/640/pengertian-

html-menurut-para-ahli, diakses pada 13 mei 2022 pukul 20.30