TUGAS INFORMATIKA
HTML DAN CSS
Disusun oleh :
Nama : Nur Chamidah
Kelas : XI.G
No. Presensi : 25
SMA NEGERI 2 WONOSOBO
Jl. Banyumas Km 5, Banaran, Kalierang, Kec. Selomerto, Kab. Wonosobo, Jawa
Tengah, Web: [Link]
email: sma2wonosobo@[Link], Telp (0286)322614
Fax (0286)3320053, Wonosobo 56361
TAHUN AJARAN 2024/2025
1
HTML DAN CSS
A. Pengertian HTML (Hyper Text Markup Language)
HTML atau HyperText Markup Language adalah bahasa
markah yang berfungsi sebagai dasar untuk membangun
struktur halaman web. Bahasa ini digunakan untuk
menentukan elemen-elemen penting seperti teks, judul,
gambar, dan lainnya agar bisa ditampilkan dengan rapi di
halaman web. HTML sering digunakan oleh berbagai
kalangan, termasuk mahasiswa di Telkom University, dalam
proses pembuatan situs. Tanpa HTML, halaman web akan
terlihat tidak teratur dan sulit digunakan.
B. Pengertian CSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) merupakan bahasa
pemrograman yang berfungsi untuk mengatur tampilan dan
gaya halaman web. Bahasa ini dikembangkan oleh World
Wide Web Consortium (W3C) pada tahun 1996 untuk
memisahkan desain visual dari struktur konten yang dibuat
dengan HTML.
CSS berisi aturan-aturan yang digunakan untuk menentukan
warna, ukuran, posisi, dan tampilan elemen pada sebuah
halaman web. Contohnya, untuk memberi warna pada teks,
kita bisa menggunakan tag <span> dan menambahkan class
seperti class=”biru” yang kemudian akan diberi warna biru
lewat aturan dalam file CSS. Hal ini membuat tampilan
halaman lebih menarik dan konsisten.
C. Keterkaitan Antara HTML dan CSS
HTML dan CSS adalah dua komponen utama dalam
pengembangan web yang saling melengkapi. HTML
berfungsi menyusun struktur konten, sedangkan CSS
2
memperindah tampilannya. Tanpa CSS, halaman web yang
dibuat dengan HTML akan terlihat polos dan kurang
menarik.
Hubungan keduanya bisa diibaratkan seperti ponsel dan
casing-nya: HTML adalah ponsel yang berisi komponen
utama, sementara CSS adalah casing yang membuat
tampilannya lebih menarik secara visual. Dengan CSS,
elemen-elemen HTML bisa diatur warna, bentuk, hingga
posisinya agar sesuai dengan desain yang diinginkan oleh
pembuat web.
D. Perbedaan Antara HTML dan CSS
Berikut beberapa perbedaan antara HTML dan CSS
HTML CSS
Menentukan konten dan Mengubah desain dan tampilan
struktur halaman web. elemen HTML.
CSS dapat digunakan dalam HTML tidak dapat digunakan
berkas HTML. dalam lembar gaya CSS
Tag di sekitar konten Pemilih digantikan oleh blok
deklarasi.
Tidak ada metode yang Kode CSS sebaris, stylesheet
ditetapkan. internal dan eksternal, metode apa
pun dapat digunakan untuk
mengimplementasikan kode.
File HTML disimpan File CSS disimpan dengan
dengan ekstensi .html ekstensi .css
Memungkinkan Memungkinkan pengembang web
pengembang web untuk untuk mengadaptasi situs web ke
membuat hierarki situs web berbagai jenis perangkat
menggunakan hyperlink
3
E. Daftar Pustaka
Telkom University. (2024, 25 Januari). Belajar apa itu CSS:
Fungsi, jenis, dan hubungannya dengan HTML.
[Link]. Diakses pada 29 Juli 2025, dari
[Link]
jenis-dan-hubungannya-dengan-html/
Gilmore, J. (2022, 14 September). CSS vs. HTML: What’s
the difference? Treehouse Blog. Diakses pada 29 Juli 2025,
dari [Link]
amp=1#html-vs-css
TechDifferences. (n.d.). Difference Between HTML and
CSS. TechDifferences. Diakses pada 29 Juli 2025, dari
[Link]
[Link]
