TUGAS PEMEROGRAMAN WEB

TugasiniDisusunUntukMemenuhi Mata Kuliah

PEMEROGRAMAN WEB
DosenPengampu :IRA ZULFA, S.T.,M.CS

Disusunoleh :
Hamdi Abdullah
(190401051)

FAKULTAS TEKNIK

PRODI TEKNIK INFORMATIKA

UNIVERSITAS GAJAH PUTIH TAKENGON

TAHUN 2022 / 2023
Mengubah warna backround,font,ukuran text, memindahkan posisi text, dan
menghubungkan html ke css.
1. Mengubah warna backround
Langkah pertama kita harus memanggil perintah “style”(perintah style digunakan untuk
menyisipkan CSS kedalam sebuah dokumen web).kemudian ketik “body”(perintah body berguna
untuk membuka dan menutup isian didalam dokumen web) dan buka tanda”{}” dan buat
didalamnya “background-color: blueviolet;” (background-color merupakan atribut untuk
menentukan warna halaman)disini saya menggunakan warna blueviolet.
2. Mengubah font text
Dilanjutkandari program diatas.kemudiandibawahnyaketik “font-family:”(font-family
merupakanperintahuntukmengubahjenis font pada web) disinisayamenggunakan “monospace”
untukjenis font nya.
3. Mengubahukuran text
Padaperintah “body” sebelummembuat text ketik<h4> 9sebenar nyaada 6 jenisyaitu
h1,h2,h3,h4,h5,h6 ) disinisayamenggunakan h4 sebagaicontohnya
4. memindahkan posisi text
dilanjutkan dari perogram sebelumnya. Kemudian dibawahnya buat “text-align:”(text-align
digunakan untuk mengatur posisi text) disini saya memindahkan posisi text-nya ke tengah, untuk
posisi tengah menggunakan “center” maka perintah nya adalah “text-align: center ;”

Berikut contoh penggunaan perintah diatas.

Input
berikut adalah hasil/output dari perintah/ input diatas.

Output

5. menghubungkan html ke css

yang pertama kita lakukan adalah membuat dua tab, yang pertama “.html” dan yang kedua “.css”,
Langkah kedua buat perintah “link” dibawah title (perintah link berfungsi menghubung kan web
satu dengan yang lain-nya sesuai URL yang di berikan),kemudian pada body buatlah text yang
anda inginkan.

Input html
Kemudianpadacssketikbody{}, disini saya akan memodifiksi seluruh text pada body, jadi saya
mengetik body{} pada css contohnya seperti dibawah ini,

Input css
Kira-kira seperti itulah cara menghubungkan html dan css, berikut hasil dari perintah diatas: