Anda di halaman 1dari 23

MAKALAH PEMROGRAMAN WEB

“BAHASA MARKUP HTML”

Diajukan Untuk Memenuhi Tugas Mata Kuliah Praktek Pemrograman Web Lanjut
Dosen pengampu : Ardiansyah,M.Kom

Oleh :
Rangga Mahara Miko 2009010007,
Jailani Arsad Tambunan 2009010010,
Renaldi 2009010110,
Indri Haryanti 2009010011,
Esa Mahendra 2009010013

FAKULTAS ILMU KOMPUTER DAN TEKNOLOGI INFORMASI


UNIVERSITAS MUHAMMADIYAH SUMATERA UTARA
MEDAN
2023
ABSTRAK

HTML (Hypertext Markup Language) adalah bahasa markah yang


digunakan secara luas dalam pengembangan web. HTML menyediakan
struktur dasar untuk halaman web dengan menggunakan tag dan elemen
untuk mengelompokkan dan mengatur konten. Dalam abstrak ini, kami
menjelaskan prinsip dasar HTML, elemen-elemen dasar yang tersedia, dan
hubungan antara HTML, CSS (Cascading Style Sheets), dan JavaScript.
Kami juga menyoroti pentingnya aksesibilitas dalam merancang dan
mengembangkan halaman web dengan menggunakan HTML. Selain itu,
abstrak ini menggarisbawahi kemajuan terbaru dalam HTML, seperti
HTML5, yang memperkenalkan fitur-fitur baru untuk memungkinkan
pengembang membangun halaman web yang lebih dinamis dan responsif.
Dengan pemahaman yang baik tentang HTML, pengembang dapat
menciptakan pengalaman web yang menarik dan efektif bagi pengguna.

ii
KATA PENGANTAR

Assalamu’alaikum warahmatullahi wabarakatuh

Segala puji syukur kehadirat Allah SWT yang telah memberikan rahmat
dan karunia- Nya, sehingga peneliti dapat menyelesaikan tugas makalah mata
kuliah Praktek Pemrograman Web Lanjut tepat pada waktunya. Tidak lupa
shalawat serta salam kita hadiahkan kepada nabi besar Muhammad SAW yang
syafa’at nya kita nantikan kelak.
Peneliti sangat bersyukur karena dapat menyelesaikan makalah yang
menjadi tugas Praktek Pemrograman Web Lanjut dengan judul “Bahasa
Markup HTML”. Peneliti menyadari makalah ini masih memerlukan
penyempurnaan, terutama pada bagian isi. Bagaimanapun peneliti telah
berusaha membuat makalah ini dengan sebaik-baiknya, namun tidak ada
kesempurnaan dalam sebuah karya manusia. Apabila terdapat banyak
kesalahan pada makalah ini, saya memohon maaf. Demikian yang dapat saya
sampaikan, akhir kata semoga makalah ini dapat bermanfaat.

Wassalamu’alaikum warahmatullahi wabarakatuh

Medan, 11 Mei 2023

iii
DAFTAR ISI

ABSTRAK ............................................................................................................. ii
KATA PENGANTAR .......................................................................................... iii
BAB I PENDAHULUAN ...................................................................................... 5
1.1 Latar Belakang ............................................................................................ 5
1.2 Rumusan Masalah ....................................................................................... 6
1.3 Tujuan Penulisan ......................................................................................... 6
1.4 Manfaat Penulisan ....................................................................................... 7
BAB II LANDASAN TEORI .................................. Error! Bookmark not defined.
2.1 Pengertian HTML ....................................................................................... 8
2.2 Sejarah HTML ............................................................................................ 9
2.3 Struktur Dasar HTML ............................................................................... 9
2.4 Hyperlink dan Anchor .............................................................................. 13
2.5 Gambar dan Multimedia .......................................................................... 14
2.6 Formulir HTML ........................................................................................ 16
2.7 Tabel HTML .............................................................................................. 17
2.8 List dan Style ............................................................................................. 18
BAB III ................................................................................................................. 21
3.1 Kesimpulan ................................................................................................ 21
DAFTAR PUSTAKA .......................................................................................... 23

iv
BAB I
PENDAHULUAN

1.1 Latar Belakang


HTML merupakan singkatan dari HyperText Markup Language,
yang merupakan bahasa markup dasar yang digunakan untuk membuat
halaman web. HTML memungkinkan pengguna untuk membuat struktur
dasar dari sebuah halaman web dengan menandai (markup) teks dengan
elemen-elemen HTML. Elemen-elemen HTML ini kemudian akan
diinterpretasikan oleh browser web untuk menampilkan halaman web
secara visual.
Pengenalan HTML sangat penting karena HTML merupakan bahasa
markup dasar yang digunakan untuk membuat halaman web. Dalam era
digital saat ini, kebutuhan akan halaman web semakin meningkat,
sehingga pengetahuan tentang HTML menjadi sangat penting bagi siapa
saja yang ingin membuat halaman web yang berkualitas.
Dengan menguasai HTML, Anda dapat membuat halaman web
dengan lebih mudah dan efektif. Anda juga dapat mengatur tata letak
halaman web, menambahkan teks, gambar, audio, dan video ke dalam
halaman web, serta membuat tautan dan menghubungkan halaman web
yang saling terkait. Selain itu, pengenalan HTML dapat membantu Anda
memahami bagaimana browser web menginterpretasikan kode HTML dan
bagaimana halaman web ditampilkan di berbagai perangkat.
Selain itu, pengenalan HTML juga penting bagi pengembang web
dan desainer web. Dalam mengembangkan halaman web yang kompleks,
pengembang web dan desainer web memerlukan pengetahuan yang
mendalam tentang HTML, serta bahasa pemrograman dan teknologi web
lainnya. Dengan menguasai HTML, Anda dapat membantu mempercepat
proses pengembangan dan meningkatkan kualitas halaman web yang Anda
buat.
Dalam kesimpulannya, pengenalan HTML merupakan pondasi
penting dalam pembuatan halaman web. Dengan mempelajari HTML,

5
Anda dapat membuat halaman web yang berkualitas dan meningkatkan
kemampuan Anda dalam pengembangan web.

1.2 Rumusan Masalah

Berdasarkan uraian latar belakang masalah diatas dapat dikemukakan


bebrapa masalah yaitu:

1. Apa itu bahasa markup HTML dan bagaimana cara kerjanya dalam
pembuatan halaman web?

2. Bagaimana cara membuat struktur dasar halaman web menggunakan


bahasa markup HTML?

3. Apa saja atribut dan properti HTML yang umum digunakan dalam
pengembangan halaman web?

4. Bagaimana cara menambahkan teks, gambar, audio, dan video ke


dalam halaman web menggunakan HTML?

5. Bagaimana cara membuat tautan dan menghubungkan halaman web


yang saling terkait dengan menggunakan HTML?

6. Bagaimana cara membuat formulir di HTML?

7. Bagaimana cara membuat tabel di dalam HTML?

8. Bagaimana cara menggunakan tag list dan style di dalam HTML?

1.3 Tujuan Penulisan

Adapun tujuan yang hendak dicapai dalam makalah ini adalah:

1. Menjelaskan pengertian dan fungsi dasar HTML sebagai bahasa markup


untuk membuat halaman web.

2. Membahas tag-tag HTML yang digunakan untuk membuat struktur


dasar halaman web.

6
1.4 Manfaat Penulisan

Manfaat yang dicapai dalam makalah ini adalah:

1. Memberikan pemahaman tentang konsep dan dasar-dasar bahasa


markup HTML, yang sangat penting untuk pembuatan halaman web.

2. Membahas secara rinci tentang struktur dasar HTML, tag, dan atribut
yang digunakan untuk membuat halaman web.

3. Memberikan contoh-contoh penggunaan tag HTML dalam pembuatan


halaman web sederhana.

4. Meningkatkan keterampilan pembaca dalam menggunakan bahasa


markup HTML untuk membangun halaman web yang lebih baik.

7
BAB II
PEMBAHASAN

2.1 Pengertian HTML

Menurut (Rinto Rante Rerung, 2018) HTML adalah singkatan


dari Hypertext Markup Language. Disebut hypertext karena di dalam
HTML sebuah text biasa dapat berfungsi lain, kita dapat membuatnya
menjadi link yang dapat berpindah dari satu halaman ke halaman lainnya
hanya dengan meng-klik text tersebut. Kemampuan text inilah yang
dinamakan hypertext, walaupun pada implementasinya nanti tidak hanya
text yang dapat dijadikan link.

Disebut Markup Language karena bahasa HTML menggunakan


tanda (mark), untuk menandai bagian-bagian dari text. Misalnya, text yang
berada di antara tanda tertentu akan menjadi tebal, dan jika berada di
antara tanda lainnya akan tampak besar. Tanda ini di kenal sebagai HTML
tag.

HTML merupakan bahasa dasar pembuatan web. Disebut dasar


karena dalam membuat web, jika hanya menggunakan HTML tampilan
web terasa hambar.Terdapat banyak bahasa pemograman web yang
ditujukan untuk memanipulasi kode HTML, seperti JavaScript dan PHP.
Akan tetapi sebelum anda belajar JavaScript maupun PHP, memahami
HTML merupakan hal yang paling awal.

HTML bukanlah bahasa pemograman (programming language),


tetapi bahasa markup (markup language), hal ini terdengar sedikit aneh,
tapi jika anda telah mengenal bahasa pemograman lain, dalam HTML
tidak akan ditemukan struktur yang biasa di temukan dalam bahasa
pemograman seperti IF, LOOP, maupun variabel. HTML hanya sebuah
bahasa struktur yang fungsinya untuk menandai bagian-bagian dari sebuah
halaman.

8
2.2 Sejarah HTML
HTML pertama kali diciptakan oleh IBM pada tahun 1980. Saat itu
tercetus ide untuk menempatkan elemen-elemen yang berguna untuk
menandai bagian suatu dokumen seperti judul, alamat dan isi dokumen.
Pada akhirnya elemen-elemen tersebut dibentuk menjadi suatu program
untuk melakukan pemformatan dokumen secara otomatis. Bahasa
melakukan tugas ini disebut sebagai bahasa markup. IBM menamai
program ini sebagai Generalized Markup Language. Pada tahun 1986,
konsep ini disetujui oleh ISO (International Standart Organization) sebagai
standar untuk pembuatan dokumen. Bahasa ini dinamai oleh ISO sebagai
Standard Generalized Markup Language (SGML) HTML sendiri, adalah
bagian dari SGML. Tim Berners-Lee dari CERN mengemukakan sebuah
ide tentang pembuatan skrip bahasa pemrograman dan dokumen yang
dapat diakes oleh semua komputer tanpa melihat jenis platformnya. Sejak
saat itu HTML menjadi lebih populer dibandingkan SGML.(Rinto Ramte
Rerung, 2018).

2.3 Struktur Dasar HTML


HTML (Hypertext Markup Language) adalah bahasa markup yang
digunakan untuk membuat halaman web. HTML berfungsi untuk
menentukan struktur dan konten dari sebuah halaman web, serta
memberikan cara untuk menautkan atau menghubungkan halaman-
halaman web tersebut. Struktur dasar dokumen HTML terdiri dari
beberapa elemen utama, yaitu:

1. DOCTYPE

DOCTYPE adalah elemen pertama yang harus dituliskan di


dalam dokumen HTML. DOCTYPE memberi tahu browser bahwa
dokumen yang dibuka adalah dokumen HTML dan harus
diperlakukan sebagai dokumen HTML. Contoh format penulisan
DOCTYPE adalah sebagai berikut:

9
Gambar 1.1 Struktur Doctype

2. HTML
Elemen HTML adalah elemen yang menandakan bahwa
dokumen yang ditulis adalah dokumen HTML. Elemen ini juga
menentukan bahwa semua konten dalam dokumen harus diletakkan di
antara tag pembuka <html> dan tag penutup </html>. Contoh format
penulisan elemen HTML adalah sebagai berikut:

Gambar 1.2 Struktur HTML

3. HEAD
Elemen HEAD berisi informasi yang tidak ditampilkan pada
halaman web, namun informasi ini diperlukan oleh browser dan mesin
pencari. Beberapa informasi yang biasanya dituliskan di dalam elemen
HEAD adalah title, meta, link, dan script. Contoh format penulisan
elemen HEAD adalah sebagai berikut:

Gambar 1.3 Struktur HEAD

10
4. Body
Elemen BODY berisi semua konten yang akan ditampilkan pada
halaman web. Semua elemen yang ingin ditampilkan di halaman web
harus diletakkan di antara tag pembuka <body> dan tag penutup
</body>. Contoh format penulisan elemen BODY adalah sebagai
berikut:

Gambar 1.4 Struktur Body

5. TAG
Tag adalah elemen dasar dalam HTML yang digunakan untuk
menentukan jenis konten yang ingin ditampilkan di halaman web.
Setiap tag memiliki tag pembuka dan tag penutup, kecuali beberapa
tag tertentu yang hanya memiliki tag pembuka. Beberapa tag yang
sering digunakan dalam dokumen HTML adalah:

TAG PENJELASAN
<HTML> Tag pembuka untuk
menandai awal dokumen
HTML.
Tag pembuka untuk
<HEAD> memasukan informasi
penting, seperti tittle,
meta dan link.
Tag untuk menampilkan
<TITTLE> judul halaman pada
browser.

11
Tag pembuka untuk
<BODY> membuka dokumen
HTML pada browser.
Tag untuk menampilkan
judul, dimana <h1>
<h1>,<h2>,<h3>,<h4>,<h5>.<h6> merupakan judul utama
atau paling penting, dan
<h6> merupakan judul
paling kecil.
Tag ini digunakan untuk
<p> menandai sebuah paragraf
atau teks yang terpisah
dari teks lainnya.
Tag ini digunakan untuk
<a> membuat tautan atau
hyperlink ke halaman
atau dokumen lainnya.
Tag ini digunakan untuk
<img> menampilkal gambar
dalam dokumen.
Tag ini digunakan untuk
<ul> dan <li> membuat daftar dengan
tanda bullet.
Tag ini digunakan untuk
<ol> dan <li> membuat daftar dengan
nomor.

Itu hanya beberapa tag HTML yang sering digunakan,


masih banyak lagi tag HTML lainnya.

12
2.4 Hyperlink dan Anchor
Hyperlink atau tautan adalah fitur dalam HTML yang
memungkinkan pengguna untuk mengklik teks atau gambar dan kemudian
diarahkan ke halaman web atau dokumen lainnya. Hyperlink biasanya
ditandai dengan warna dan bergaris bawah. Anchor atau tanda titik
referensi pada HTML digunakan untuk membuat hyperlink, dengan
menentukan link target yang dituju oleh hyperlink.
Untuk membuat hyperlink pada HTML, kita menggunakan tag <a>
(anchor). Tag <a> harus memiliki atribut href, yang menunjukkan URL
atau lokasi dokumen yang akan diarahkan oleh hyperlink. Contohnya
seperti berikut:

Gambar 2.4 Contoh Hyperlink

Di sini, tag <a> digunakan untuk membuat hyperlink ke situs web


Google. Atribut href menentukan URL situs web Google yang akan
dibuka ketika hyperlink di klik. Teks "Kunjungi Google" akan menjadi
tautan atau hyperlink yang dapat diklik.
Selain itu, tag <a> juga dapat digunakan untuk membuat hyperlink
ke lokasi dokumen lain di situs yang sama atau ke posisi tertentu di
dalam dokumen yang sama. Untuk membuat hyperlink ke lokasi
dokumen lain, kita hanya perlu menentukan URL atau alamat file yang
tepat di atribut href. Sedangkan untuk membuat hyperlink ke posisi
tertentu di dalam dokumen yang sama, kita perlu menambahkan atribut id
pada elemen target, dan menambahkan tanda pagar (#) dan nama ID
target ke atribut href. Contoh penggunaan untuk membuat hyperlink ke
posisi tertentu di dalam dokumen yang sama adalah sebagai berikut:

Gambar 2.5 Contoh Anchor

13
Di sini, tag <a> digunakan untuk membuat hyperlink ke posisi
tertentu di dalam dokumen yang sama. Atribut href berisi tanda pagar (#)
dan nama ID target yang dituju, yaitu "paragraf1". Paragraf pertama
memiliki ID yang sama dengan atribut href dari hyperlink tersebut,
sehingga ketika hyperlink di klik, halaman web akan menggulir ke posisi
paragraf tersebut di dalam dokumen.

2.5 Gambar dan Multimedia


Gambar dan multimedia merupakan elemen penting dalam
pembuatan halaman web dengan menggunakan bahasa pemrograman
HTML (HyperText Markup Language).
Berikut adalah pengertian tentang gambar dan multimedia dalam
konteks HTML:

1. Gambar (Image) :
Gambar dalam HTML adalah elemen yang digunakan untuk
menampilkan gambar atau ilustrasi pada halaman web. Dalam HTML,
gambar ditandai dengan tag <img>. Tag ini membutuhkan atribut src
yang digunakan untuk menentukan sumber gambar (URL atau lokasi
file gambar), serta atribut opsional lainnya seperti alt untuk
menyediakan teks alternatif jika gambar tidak dapat ditampilkan, dan
atribut width dan height untuk mengatur ukuran gambar.

Contoh penggunaan tag gambar dalam HTML :

Gambar 2.6 Contoh Gambar(image)

14
2. Audio dan Video :
HTML juga mendukung elemen untuk memasukkan dan
memutar audio dan video dalam halaman web. Elemen <audio>
digunakan untuk audio, sedangkan <video> digunakan untuk video.
Keduanya memiliki atribut src untuk menentukan sumber file media,
serta atribut-atribut lain seperti controls untuk menampilkan kontrol
pemutaran, autoplay untuk memulai pemutaran secara otomatis, dan
loop untuk mengulang pemutaran.
Contoh penggunaan elemen video dalam HTML :

Gambar 2.7 Contoh Audio

Gambar 2.8 Contoh Video

3. Objek Media Lainnya :


Selain gambar, audio, dan video, HTML juga mendukung
berbagai objek media lainnya seperti animasi Flash (SWF), elemen
canvas untuk menggambar dan animasi dengan JavaScript, serta
elemen iframe untuk menyisipkan konten dari sumber eksternal
seperti video YouTube.
Penggunaan elemen-elemen tersebut dapat bervariasi
tergantung pada jenis media yang ingin ditampilkan dan fitur-fitur
yang ingin dimanfaatkan.
Penggunaan gambar dan multimedia dalam HTML
memungkinkan pengembang web untuk membuat halaman yang lebih

15
interaktif, menarik, dan memberikan pengalaman visual serta audio
yang lebih kaya bagi pengunjung situs.

2.6 Formulir HTML


Formulir HTML adalah dalam bahasa pemrograman HTML yang
digunakan untuk membuat interaksi antara pengguna dan halaman web.
Formulir ini mengumpulkan data dari pengguna melalui berbagai jenis
input seperti teks, area teks, kotak centang, tombol radio, dan lain-lain.
Data yang dikumpulkan dari formulir biasanya dikirim ke server web
untuk diproses.
Formulir HTML menggunakan elemen <form> sebagai wadah
utama untuk semua elemen formulir. Elemen <form> memiliki atribut
action yang menentukan URL atau skrip server yang akan memproses
data formulir, dan atribut method yang menentukan metode HTTP yang
digunakan untuk mengirimkan data formulir ke server, seperti GET atau
POST
Elemen-elemen input dalam formulir seperti <input>, <textarea>,
<select>, dan lain-lain digunakan untuk menerima input dari pengguna.
Masing-masing elemen input memiliki atribut yang berbeda, seperti Type,
name, value, dan lain-lain, yang mengatur tipe data yang diterima dan
memberikan identifikasi pada data tersebut.
Berikut adalah contoh sederhana penggunaan formulir HTML
dengan elemen input teks dan tombol submit:

Gambar 2.9 Contoh Form HTML

16
Dalam contoh di atas, ketika pengguna mengisi nama dan email
pada formulir dan mengklik tombol "Kirim", data tersebut akan
dikirimkan ke proses.php menggunakan metode POST untuk diproses
lebih lanjut oleh server.
Formulir HTML sangat penting dalam pengembangan web karena
memungkinkan pengguna untuk berinteraksi dengan halaman web dan
memberikan data yang diperlukan untuk pemrosesan lebih lanjut.

2.7 Tabel HTML


Tabel HTML digunakan untuk mengatur dan menampilkan data
dalam bentuk baris dan kolom yang terstruktur. Tabel HTML terdiri dari
beberapa elemen, seperti <table>, <tr>, <th>, dan <td>. Berikut adalah
contoh penggunaan tabel HTML sederhana:

Gambar 2.10 Contoh Table

17
Penjelasan dari contoh di atas:
• Tag <table> digunakan untuk membuat tabel.
• Tag <tr> digunakan untuk membuat baris dalam tabel.
• Tag <th> digunakan untuk membuat sel kepala (header) tabel,
biasanya digunakan pada baris pertama tabel.
• Tag <td> digunakan untuk membuat sel data dalam tabel.
Dalam contoh di atas, tabel memiliki 3 kolom yang didefinisikan
oleh elemen <th>. Setiap baris data didefinisikan oleh elemen <tr>, dan
nilai data untuk setiap kolom ditempatkan dalam elemen <td>. Hasilnya
adalah tabel yang terdiri dari dua baris data.
Anda juga dapat menggunakan atribut lain dalam elemen tabel,
seperti colspan untuk menggabungkan sel kolom, rowspan untuk
menggabungkan sel baris, dan atribut lainnya untuk mengatur atribut
tambahan seperti lebar (width) dan tinggi (height).
Tabel HTML memberikan fleksibilitas dalam menyusun dan
menampilkan data dalam format yang terstruktur. Anda dapat
menyesuaikan penampilan tabel menggunakan CSS untuk memberikan
gaya dan tampilan yang sesuai dengan desain halaman web Anda.

2.8 List dan Style


Dalam HTML, Anda dapat membuat daftar untuk mengorganisir
dan menyajikan informasi menggunakan elemen-elemen berikut:

1. Daftar Terurut <ol>: Elemen <ol> digunakan untuk membuat daftar


terurut, di mana setiap item daftar diberi nomor. Setiap item daftar
didefinisikan dengan elemen <li>,
Contoh:

Gambar 2.11 Contoh List Terurut

18
2. Daftar Tidak Terurut <ul>: Elemen <ul> digunakan untuk membuat
daftar tidak terurut, di mana setiap item daftar diberi simbol bulatan
atau tanda lainnya. Setiap item daftar didefinisikan dengan elemen
<li>.
Contoh:

Gambar 2.12 Contoh List Tidak Terurut

3. Daftar Deskripsi <dl>:


Elemen <dl> digunakan untuk membuat daftar deskripsi, yang terdiri
dari istilah (didefinisikan dengan <dt>) dan deskripsi yang sesuai
(didefinisikan dengan <dd>).
Contoh:

Gambar 2.13 Contoh List deskripsi

HTML menyediakan berbagai cara untuk mengatur gaya


(styling) daftar menggunakan CSS. Berikut adalah beberapa properti
CSS umum yang dapat diterapkan pada daftar:

• list-style-type: Menentukan gaya penanda atau simbol untuk item


daftar. Nilai yang dapat digunakan antara lain none, disc (bulatan
default), circle, square, atau decimal (untuk daftar terurut).

19
• list-style-image: Memungkinkan Anda menggunakan gambar
kustom sebagai penanda atau simbol untuk item daftar.

• list-style-position: Menentukan posisi penanda atau simbol relatif


terhadap konten item daftar. Nilai yang dapat digunakan antara lain
inside atau outside.

• margin dan padding: Digunakan untuk mengontrol jarak di sekitar


daftar.

Contoh penggunaan CSS untuk mengatur gaya daftar tidak terurut:

Gambar 2.5 Contoh Css

Dengan menggunakan CSS, Anda dapat mengkustomisasi tampilan


daftar sesuai dengan kebutuhan desain halaman web Anda.

20
BAB III
PENUTUP

3.1 Kesimpulan
Berikut adalah kesimpulan tentang bahasa markup HTML:
HTML (Hypertext Markup Language) adalah bahasa markah yang
digunakan untuk membuat struktur dan tata letak halaman web. Dengan
menggunakan elemen-elemen HTML, pengembang dapat menentukan
bagaimana konten halaman web akan ditampilkan kepada pengguna.
HTML menggunakan pendekatan hierarkis dengan menggunakan
tag dan elemen untuk mengelompokkan dan mengatur konten.Tag terluar
yang umumnya digunakan adalah <html>, yang berisi <head> (untuk
informasi meta dan judul halaman) dan <body> (untuk konten utama
halaman).
HTML menyediakan elemen-elemen dasar seperti judul, paragraf,
daftar, tabel, gambar, tautan, formulir, dan banyak lagi. Dengan
menggunakan kombinasi elemen ini, pengembang dapat membuat halaman
web yang kaya dengan konten multimedia dan navigasi yang efektif.
HTML juga mendukung atribut yang memberikan informasi
tambahan kepada elemen. Atribut ini digunakan untuk mengontrol
perilaku dan tampilan elemen, seperti mengatur warna, ukuran, tautan, dan
banyak lagi.
HTML bekerja sama dengan CSS (Cascading Style Sheets) untuk
mengatur tampilan visual halaman web. CSS memungkinkan pengembang
untuk mengontrol warna, tata letak, ukuran, dan gaya elemen
HTML,sehingga memberikan fleksibilitas dalam desain halaman web.
HTML juga dapat berinteraksi dengan JavaScript, bahasa
pemrograman yang memberikan kemampuan interaktivitas pada halaman
web. Dengan JavaScript, pengembang dapat membuat fungsi-fungsi
dinamis, validasi formulir, efek animasi, dan banyak lagi.

21
HTML memiliki prinsip dasar aksesibilitas yang penting. Hal ini
berarti bahwa halaman web harus dirancang dan dikodekan dengan
memperhatikan aksesibilitas sehingga dapat diakses oleh semua pengguna,
termasuk mereka yang memiliki keterbatasan fisik atau sensorik.
Kesimpulan ini merangkum poin-poin penting tentang bahasa
markup HTML. HTML adalah fondasi dasar dalam pengembangan
halaman web, dan pemahaman yang baik tentang HTML adalah kunci
untuk membangun pengalaman web yang baik dan terjangkau bagi
pengguna.

22
DAFTAR PUSTAKA

DirgaF, M., Masnur, & Merlina. (2021). Aplikasi E-Learning Siswa Smk Berbasis
Web. Jurnal Sintaks Logika, 1(1), 2775–412.
https://jurnal.umpar.ac.id/index.php/sylog

Rerung, Rinto Rante.2018. Pemrograman Web Dasar. Yogyakarta: Deepublish.

23

Anda mungkin juga menyukai