TugasHarianCSS RayyaDewanta 22:10:2020

Nama : ADE RAYYA DEWANTA 12MM2 INTERAKTIF Date : 22/10/2020
—————————————————————————————————————
!. Apa itu CSS?

CSS adalah singkatan dari Cascading Style Sheets. Jika diterjemahkan ke
bahasa Indonesia secara harfiah, CSS berarti “lembar penataan menurun”.
Namun secara konteks, Cascading Style Sheets adalah kumpulan perintah
yang digunakan untuk menjelaskan tampilan sebuah halaman situs web
dalam mark-up language. Mark-up language atau bahasa markah adalah
bahasa pemrograman yang biasanya digunakan membuat website. CSS
merupakan kumpulan kode-kode yang bertujuan untuk menghias dan
mengatur gaya tampilan/layout halaman web supaya lebih elegan dan
menarik. Seiring dengan HTML, CSS adalah dasar untuk desain web. Tanpa
itu, situs web akan tetap menjadi teks biasa dengan latar belakang putih
sehingga tentunya tidak menarik dan terkesan datar atau monoton.
#. Apa fungsi CSS?

CSS sebagai inovasi pengembangan website, memungkinkan beberapa inovasi
untuk tata letak halaman web, seperti kemampuan untuk :
● Menentukan font selain default untuk browser
● Menentukan warna dan ukuran teks dan tautan
● Menerapkan warna ke latar belakang
● Mengandung elemen halaman web dalam kotak dan mengapungkan kotak-
kotak itu ke posisi tertentu di halaman
● Kemampuan dalam memasukkan style ke dalam style sheet, yang membuat
untuk pertama kalinya, halaman web bisa dirancang.
$. apa fungsi dari kode css berikut

a. color (digunakan untuk mengatur warna pada teks yang dibuat.)
b. bacground-color( digunakan untuk menentukan warna latar belakang
element html.)
c. bacground image-url (Untuk menjadi gambar sebagai latar belakang
dokumen html atau elemen html. )
d. border-radius (untuk membuat lengkungan pada box-box tag html! -
border-radius properti digunakan dalam CSS dan beberapa tag HTML khusus
untuk membuat perbatasan bulat objek tertentu.)
e. font-family (digunakan untuk memilih jenis font.)
f. padding(digunakan untuk memberikan spasi pada sisi dalams ebuah
element.)
g. text-align(digunakan untuk mengatur posisi text pada element secara
horizontal.)
%. apa fungsi dari div class?

DIV pada HTML merupakan tag yang mendeskripsikan suatu bagian atau divisi
yang sifatnya fleksibel, artinya penggunaan tag DIV bisa dgunakan sesuai
dengan kebutuhan, misalnya saja ketika ingin membuat ID atau Class tag div
sering kali dipakai.
DIV tidak memiliki makna apapun seperti tag p untuk paragraf, atau h1 sebagai
heading namun tag merupakan tag yang paling sering digunakan ketika
membuat struktur website. Karena dengan DIV kita bisa membuat penamaan
sesuai keinginan sendiri dengan menambahkan atribut ID atau Class.
Atribut
tag div memiliki beberapa atribut yaitu class dan id.
perbedaan atribut class dan id adalah bahwa id dapat digunakan
untuk mengidentifikasi satu elemen, sedangkan class dapat
digunakan untuk mengidentifikasi lebih dari satu.
b. Bagaimana cara menggunakan css dengan file yang terpisah dari file index
html?
Metode External Style Sheets

Kekurangan dari metode internal style sheets sebelumnya adalah jika ingin
membuat beberapa halaman dengan tampilan yang sama, maka setiap halaman
akan memiliki kode CSS yang sama.
Metode External Style Sheets digunakan untuk ‘mengangkatʼ kode CSS
tersebut kedalam sebuah file tersendiri yang terpisah sepenuhnya dari halaman
HTML. Setiap halaman yang membutuhkan kode CSS, tinggal ‘memanggilʼ file
CSS tersebut.
Masih menggunakan contoh yang sama dengan internal style sheets, tahap
pertama kita akan pindahkan isi dari tag <style> ke sebuah halaman baru, dan
savelah sebagai belajar.css
Isi dari file belajar.css :
h2 {
background-color:black;
color:white;
}
Pastikan bahwa akhiran dari file tersebut adalah .css dan untuk keperluan

contoh kali ini, savelah pada folder yang sama dengan halaman HTML kita.
Kembali kehalaman HTML, CSS menyediakan 2 cara untuk menginput Kode
CSS tersebut ke halaman HTML, yang pertama adalah menggunakan @import
Iklan
Contoh penggunaan @import CSS:

<!DOCTYPE html>
<html>
<head>
<title>Contoh External Style CSS</title>
<style type="text/css">
@import url(belajar.css);
</style>
</head>
<body>
<h2>
Text ini akan bewarna putih dan background warna hitam
</h2>
</body>
</html>
Untuk metode @import external style sheets ini, kita menyisipkan @import

url(belajar.css); pada tag <style>. Alamat pada bagian url bisa berupa
alaman relatif (seperti: folderku/belajar.css) maupun absolut (seperti
www.duniailkom.com/belajar.css).
Cara input kedua external style sheets, adalah menggunakan tag <link>.
Berikut contohnya:
<!DOCTYPE html>
<html>
<head>
<title>Contoh External Style CSS</title>
<link rel="stylesheet" type="text/css" href="belajar.css">
</head>
<body>
<h2>
Text ini akan bewarna putih dan background warna hitam
</h2>
</body>
</html>
Pada metode link external style sheets ini, kita menggunakan
atribut href pada tag <link>, yang akan berisi alamat dari halaman CSS, dalam
hal ini belajar.css

TugasHarianCSS RayyaDewanta 22:10:2020

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

TugasHarianCSS RayyaDewanta 22:10:2020

Diunggah oleh

Hak Cipta:

Format Tersedia

Nama : ADE RAYYA DEWANTA 12MM2 INTERAKTIF Date : 22/10/2020

!. Apa itu CSS?

#. Apa fungsi CSS?

$. apa fungsi dari kode css berikut

%. apa fungsi dari div class?

Metode External Style Sheets

Pastikan bahwa akhiran dari file tersebut adalah .css dan untuk keperluan

Contoh penggunaan @import CSS:

Untuk metode @import external style sheets ini, kita menyisipkan @import

Anda mungkin juga menyukai