BAB 1

PENDAHULUAN
1.1 Latar Belakang
Di era digital saat ini, kebutuhan akan media informasi berbasis web semakin
meningkat seiring dengan pesatnya perkembangan teknologi informasi dan komunikasi.
Website tidak hanya berfungsi sebagai sarana penyampaian informasi, tetapi juga sebagai
platform interaktif untuk berbagai keperluan seperti pendidikan, bisnis, hiburan, dan
pelayanan publik. Oleh karena itu, pemahaman tentang cara membangun dan mengelola
website menjadi keterampilan yang sangat dibutuhkan di berbagai bidang.
Dalam proses pengembangan sebuah website, terdapat dua komponen utama yang
menjadi dasar pembentukannya, yaitu HTML (HyperText Markup Language) dan CSS
(Cascading Style Sheets). HTML berfungsi sebagai bahasa markup yang digunakan untuk
menyusun struktur dan konten halaman web, sedangkan CSS digunakan untuk mengatur
tampilan visual seperti tata letak, warna, ukuran, dan estetika lainnya. Keduanya bekerja
secara terintegrasi untuk menciptakan halaman web yang tidak hanya fungsional tetapi
juga menarik secara visual.
HTML dan CSS merupakan langkah awal yang wajib dikuasai sebelum mempelajari
teknologi web yang lebih kompleks seperti JavaScript, framework frontend. Tanpa
pemahaman yang kuat terhadap dasar-dasar ini, pengembangan web akan menjadi kurang
efektif dan berpotensi menimbulkan kesalahan struktur maupun tampilan belakang
1.2 Rumusan Masalah
1. Apa yang dimaksud dengan HTML dan CSS dalam konteks pengembangan web?
2. Bagaimana peran HTML dan CSS dalam membangun struktur dan tampilan sebuah
website?
3. Mengapa pemahaman dasar tentang HTML dan CSS penting bagi seorang web
developer pemula?
1.3 Tujuan
1. Untuk mengetahui pengertian HTML dan CSS dalam dunia pengembangan web.
2. Untuk memahami peran HTML dan CSS dalam membangun struktur dan tampilan
website.
3. Untuk menyadari pentingnya menguasai dasar-dasar HTML dan CSS bagi pemula
dalam bidang web development.
 BAB 2
PEMBAHASAN
2.1 Pengetian HTML dan CSS dalam Dunia Pengembangan Web

a. HTML
HyperText Markup Language (HTML) adalah bahasa markah standar untuk dokumen
yang dirancang untuk ditampilkan di peramban internet. Peramban internet menerima
dokumen HTML dari server web atau dari penyimpanan lokal dan membuat dokumen
menjadi halaman web multimedia. HTML menggambarkan struktur halaman web secara
semantik dan isyarat awal yang disertakan untuk penampilan dokumen.

Pada tahun 1980 seorang ahli fisika, Tim Berners-Lee, dan juga seorang kontraktor di
CERN (Organisasi Eropa untuk Riset Nuklir) mengusulkan dan menyusun ENQUIRE,
sebuah sistem untuk ilmuwan CERN dalam membagi dokumen. Sembilan tahun
kemudian, Berners-Lee mengusulkan adanya sistem markah berbasis internet. Berners-
Lee menspesifikasikan HTML dan menulis jaringan beserta perangkat lunaknya di akhir
1990. Pada tahun yang sama, Berners-Lee dan Robert Cailliau, insinyur sistem data
CERN berkolaborasi dalam sebuah permintaan untuk pendanaan, namun tidak diterima
secara resmi oleh CERN. Di catatan pribadinya sejak 1990 dia mendaftar "beberapa dari
banyak daerah yang menggunakan hypertext" dan pertama-tama menempatkan sebuah
ensiklopedia.

Penjelasan pertama yang dibagi untuk umum dari HTML adalah sebuah dokumen
yang disebut "Tanda HTML", pertama kali disebutkan di Internet oleh Tim Berners-Lee
pada akhir 1991. Tanda ini menggambarkan 18 elemen awal mula, versi sederhana dari
HTML.
 b. CSS
Cascading Style Sheet (disingkat CSS) adalah bahasa lembar gaya yang digunakan
sebagai penentu presentasi dan gaya dokumen yang ditulis dalam bahasa markup seperti
HTML dan XML. Nama cascading berasal dari skema prioritas yang ditetapkan untuk
menentukan deklarasi mana yang berlaku jika lebih dari satu deklarasi properti cocok
dengan elemen tertentu. Skema prioritas cascading ini dapat diprediksi.
Nama CSS didapat dari fakta bahwa setiap deklarasi style yang berbeda dapat
diletakkan secara berurutan, yang kemudian membentuk hubungan ayah-anak (parent-
child) pada setiap style. CSS sendiri merupakan sebuah teknologi internet yang
direkomendasikan oleh World Wide Web Consortium atau W3C pada tahun 1996. Setelah
CSS distandarisasikan, Internet Explorer dan Netscape melepas browser terbaru mereka
yang telah sesuai atau paling tidak hampir mendekati dengan standar CSS.

2.2 Peran HTML dan CSS dalam Membangun Struktur dan Tampilan Website

a. HTML
HTML memainkan peran yang sangat penting dalam penataan situs web, bertindak
sebagai tulang punggung untuk konten halaman web. Pengembang menggunakan elemen
HTML, diwakili oleh tag yang menyertakan konten tertentu, untuk menentukan struktur
situs web. Elemen-elemen ini dapat berupa judul, paragraf, daftar, gambar, video,
hyperlink, dan banyak lainnya. Saat browser menginterpretasikan dokumen HTML,
browser menyajikan konten di dalam tag dalam format visual, merender tata letak
halaman dan tampilan visual. HTML menetapkan dasar untuk CSS (Cascading Style
Sheets) yang masing-masing menambahkan gaya dan interaktivitas ke situs web.
HTML yang terstruktur dengan baik sangat penting untuk kesuksesan situs web. Tata
letak elemen yang jelas dan ringkas membantu pengguna menavigasi situs web dengan
mudah, memastikan mereka menemukan informasi yang dibutuhkan dengan cepat. Selain
itu, HTML yang terstruktur secara efektif membantu perayap mesin telusur dalam
mengindeks dan memahami konten Anda dengan lebih baik, menghasilkan peringkat
mesin telusur yang lebih tinggi dan peningkatan SEO.
 b. CSS
Cascading Style Sheets, yang lebih dikenal sebagai CSS, memainkan peran kunci
dalam membentuk presentasi visual halaman web. Sebagai bagian integral dari
pengembangan web, CSS memungkinkan pengembang untuk mendefinisikan tata letak,
gaya, dan penampilan dari dokumen HTML, meningkatkan pengalaman pengguna secara
keseluruhan. Dalam panduan komprehensif ini, kita akan menjelajahi apa itu CSS,
bagaimana cara kerjanya, dan signifikansinya dalam menciptakan desain web yang estetis
dan responsif.

2.3 Pentingnya Menguasai Dasar HTML dan CSS bagi Pemula dalam Web
Development
Sebagai salah satu dari tiga bahasa pemrograman pengembangan web, HTML dan
CSS adalah bahasa pemrograman termudah dan terbaik untuk memulai karier
pemrograman Anda.
Halaman web merupakan sumber tempat pengguna dapat memperoleh pengetahuan
tentang informasi baru dan bertindak sebagai toko daring bagi pengguna untuk membeli
produk dan layanan. Awalnya, HTML merupakan satu-satunya bahasa yang digunakan
untuk membuat halaman web; namun, zaman telah berubah. Pengguna mencari kualitas
dalam segala hal, mulai dari layanan hingga sumber.
Jadi, jika kita membuat situs web dan situs web tersebut tidak memiliki struktur yang
baik, kemungkinan besar kita tidak akan menerima pengunjung. Itulah sebabnya mengapa
selain HTML, penting untuk mempelajari CSS, yang memberikan desain ke dalam
aplikasi web kita, sehingga menarik minat pengguna akhir sekaligus mengubah
pengunjung menjadi pelanggan yang membayar.
Jadi sekarang kita bahas alas an utama pentingnya belajar HTML dan CSS bagi
pemula dalam Web Development.
a. Memahami Web Lebih Baik
HTML adalah bahasa pemrograman yang digunakan untuk membuat fondasi dasar
situs web. Ini berarti mempelajari bahasa tersebut akan memberi kita pengetahuan
menyeluruh tentang cara kerja halaman web dan konsep penting lainnya.
CSS adalah bahasa yang bertanggung jawab untuk memberikan fitur desain yang
indah pada sebuah situs web. Jadi, apakah kita ingin halaman kita terlihat indah atau
minimalis, yang perlu kita ketahui hanyalah beberapa konsep CSS, dan kita dapat dengan
mudah membuat situs web yang menarik yang menarik minat pengguna internet di
seluruh dunia.
Mempelajari HTML dan CSS membantu kita memahami dasar-dasar halaman web dan
akan membantu kita memiliki pengetahuan dasar tentang cara kerja halaman web dan
cara mendesainnya untuk menarik minat pengguna.

b. HTML dan CSS menawarkan lebih banyak pilihan karier

Menjadi seorang developer bukanlah satu-satunya tujuan mempelajari dasar-dasar
bahasa pemrograman pengembangan web. Namun, dengan pengetahuan dasar dan cara
kerja HTML dan CSS, kita dapat memperoleh pemahaman dasar tentang pemrograman
dan bidang teknologi.
Jika kita ingin menjadi desainer UI/UX , pengetahuan dasar tentang pengembangan
web akan menambah nilai plus pada resume kita, karena kita tidak hanya menunjukkan
bahwa kita memiliki pengetahuan tentang pengodean tetapi juga menunjukkan fakta
bahwa kita memiliki pemahaman dasar tentang cara kerja situs web, yang merupakan
persyaratan penting yang dicari perekrut pada desainer UI dan UX. Demikian pula,
berbagai pilihan karier dapat diperoleh di bidang teknologi hanya dengan pengetahuan
tentang HTML dan CSS.
c. Pelajari Bahasa Coding lainnya Lebih Cepat
HTML dan CSS adalah bahasa pemrograman yang paling mudah dipelajari dan
dikuasai. Umumnya, sebagian besar programmer, termasuk pemula, dapat menguasai
kedua bahasa tersebut dalam beberapa minggu. Sebagai salah satu bahasa yang paling
mudah, menguasai HTML dan CSS, kita akan mendapatkan intisari dari dasar-dasar
hampir setiap bahasa pemrograman tingkat lanjut. Dengan demikian kita dapat
mempelajari bahasa pemrograman lain dengan lebih cepat dan lebih efisien.
 BAB 3
PENUTUP
3.1 Kesimpulan
Berdasarkan pembahasan yang telah disampaikan, dapat disimpulkan bahwa
HTML dan CSS adalah dasar utama dalam pengembangan website. HTML
berfungsi untuk membuat struktur halaman web, sedangkan CSS memperindah
tampilan halaman tersebut. Peran keduanya sangat penting dalam membangun
website yang tidak hanya fungsional tetapi juga menarik secara visual. Bagi
seorang pemula, memahami HTML dan CSS menjadi langkah awal yang sangat
penting sebelum melanjutkan ke tingkat pengembangan web yang lebih kompleks.
Penguasaan dasar ini mempermudah proses belajar teknologi web lainnya dan
membuka berbagai peluang di bidang teknologi informasi.

3.2 Saran
Bagi para pelajar atau pemula yang ingin menekuni dunia web development,
disarankan untuk memahami konsep dasar HTML dan CSS dengan baik sebelum
melanjutkan ke bahasa pemrograman atau framework yang lebih kompleks.
Belajar HTML dan CSS dapat dimulai dari praktik sederhana seperti membuat
halaman web pribadi, lalu terus dikembangkan dengan eksplorasi desain dan
struktur yang lebih kompleks. Dengan ketekunan dan latihan yang rutin,
keterampilan dalam membangun website akan terus meningkat.
 DAFTAR PUSAKA
Kontributor Wikipedia, 'HTML', Wikipedia, Ensiklopedia Bebas, 5 Januari 2025, 06.17 UTC,
<https://id.m.wikipedia.org/w/index.php?title=HTML&action=history> [diakses pada 2 Mei
2025]
Kontributor Wikipedia, 'Cascading Style Sheets', Wikipedia, Ensiklopedia Bebas, 17 Febuari
2025, 02.17 UTC, <https://id.wikipedia.org/wiki/Cascading_Style_Sheets> [diakses pada 2
Mei 2025]
Walker, Rickie. 14 Juli 2023. Peran HTML dalam Pengembangan Situs Web. . pada
https://appmaster.io/id/blog/pengembangan-situs-web-html, diakses 2 Mei 2025
Singgih, Kern dkk. 15 Januari 2024. Apa itu CSS? Peran dalam Pengembangan Web . pada
https://nurosoft.id/blog/apa-itu-css/, diakses 2 Mei 2025
Cool, Nakita MC. 21 September 2022. Menapa Anda Harus Mempelajari HTML & css .
pada https://codeinstitute.net/global/blog/why-you-should-learn-html-css/, diakses 2 Mei
2025