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 [Link] 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
[Link] sebagaibahasa markup telahmenyediakanelemen table yang
bisadigunakansaatinginmembuattabel.
Tag <img>digunakanuntukmenyematkangambar di
[Link] web; gambarditautkankehalaman
web. Tag <img>membuatruangpenyimpananuntukgambar yang [Link]
website terlihatlebihmenarik. Karena otakmanusialebihmudahmenyerapinformasidengan visual
dibandingkanhanyateks [Link] 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 [Link]-elemendalamsuatudokumen
HTML dan Fungsi Tag adalahuntukmemberikaninstruksiataumemberitahukepada browser
bagaimanasuatuobjek di tampilkanberdasarkan Tag yang di gunakan, objekdisinibisaberupateks,
video, audio dan [Link], 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
[Link], kumpulankarakter, gaya, skrip, dan
informasi meta [Link] 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, [Link] 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
[Link] web;
gambarditautkankehalaman web. Tag <img>membuatruangpenyimpananuntukgambar yang
[Link]<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
[Link]<a
>adalahatributhref, yang [Link] 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>[Link] HTML terdiridarisatuelemen<table> dan
satuataulebihelemen<tr>, <th>, dan <td>.Elemen<tr>mendefinisikan baris tabel,
elemen<th>mendefinisikan header tabel, dan elemen<td>[Link] HTML juga
dapatmenyertakanelemen<caption>, <colgroup>, <thead>, <tfoot>, dan <tbody>.
Tag HTML <marquee>suatuperintahdalam HTML
[Link] 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="[Link]" 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="[Link]" 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 [Link]
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>[Link] HTML terdiridarisatuelemen<table> dan
satuataulebihelemen<tr>, <th>, dan <td>.
Tag <img>digunakanuntukmenyematkangambar di
[Link] 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”,[Link] ,di akses pada 13
mei 2022 pukul 21:01
Putra.2017."pengertian HTML", [Link]
contohnya/, diakses pada 13 mei 2022 pukul 20.10
Adani,Robith.2021."Mengulas Penggunaan HTML dan Cara Kerjanya pada Web
[Link]
HTML",[Link]
%20pertama%20kali%20dibuat,dalamnya%20terdalam%20sekitar%2018%20tag , diakses pada 13
mei 2022 pukul 20.18
Admin. 2017."pengertian HTML menurut para ahli", [Link]
html-menurut-para-ahli, diakses pada 13 mei 2022 pukul 20.30