Halohalo, selamat datang kembali , jad disini setelah saya membahas banyak tentang HTML saya disini akan mulai membahas tentang css atau yang bisa disebut juga cascading style sheet . jadi css atau cascading style sheet ini digunakan untuk memperindah suatu tampilan web jika dianalogikan HTML adalah kerangka mobil sedangkan CSS adalah cat dan furniturenya sebelumnya untuk melihat kodingan html dan css saya bisa melihat di link ini
langsung saja kita ke inti pembahasan
jadi sebelum kita menulis css tentu saja harus ada file html nya dulu baru kita bisa menulis cssnya
Ada tiga cara penulisan kode CSS, yaitu inline, internal dan external. Ketiganya bisa anda lakukan sesuai dengan kebutuhan. Berikut contoh penggunaan dari metode-metode tersebut:
Inline
Penulisan kode CSS dengan metode inline ini bisa dilakukan langsung pada tag yang ingin diberi style dengan menggunakan atribut style.
<h1 style=‚color : red; ‚> Judul Situs </h1>
Pada metode ini, anda tidak perlu menuliskan selector. Karena anda menuliskan CSS langsung pada tag yang ingin diberi style.
Cara ini sangat tidak dianjurkan, karena Anda akan mencampurkan antara “Format” dan “Presentasi”. Cara ini juga tidak efektif ketika anda akan melakukan perubahan pada CSS.
Internal
Metode CSS internal ditulis di dalam tag style yang ditempatkan pada tag head.
<HTML> <head> <title>Judul HTML</title>
<style>
h1 {
color : red;
}
</style> </head> ...
Metode kedua ini sangat dianjurkan untuk pengujian style, atau ketika anda hanya memiliki satu halaman web.
External
Metode yang terakhir adalah dengan membuat file CSS dan dipanggil di dalam tag head. File CSS memiliki ekstensi (akhiran) .CSS misanya namafile.CSS.
Pemanggilan file CSS dilakukan dengan menggunakan tag link:
<HTML> <head>
<title>Judul HTML</title>
<link rel=‚stylesheet‛ href=‚fileCSS.CSS‛ />
</head> ...
Atribut rel adalah informasi hubungan (relationship) dari tag link tersebut, yaitu sebagai stylesheet. Href diisi dengan lokasi file CSS yang ingin dimuat. Pemanggilannya sama dengan pemanggilan gambar atau link.
lalu contoh css yang akan saya bahas pertama yaitu adalah format spacing
jadi letter-spacing digunakan untuk menspasi atau memberikan jarak pada setiap kalimat
sedangkan color untuk warna dari tulisan itu sendiri, beda dengan html di css di setiap baris kode nya menggunakan {} dan semi colon (;) atau bisa disebut titik koma
ini adalah contoh css iniline yang menggunakan tag inline , bisa dilihat disini ada tulisan style =""
ini adalah contoh penggunaan css secara external
Tugas sesi 9, membuat artikel
saya disini membuuat artikel tentang player dota 2 yaitu secret.ace, dengan menggunakan html dan css berikut adalah screenshootdari kodinganya btw saya memakai teknik css nya yaitusecara external atau menggunkana file tambahan css
sekian dari saya mohon maaf apabila ada kesalahan , sampai jumpa di lain kesempatan
langsung saja kita ke inti pembahasan
jadi sebelum kita menulis css tentu saja harus ada file html nya dulu baru kita bisa menulis cssnya
Ada tiga cara penulisan kode CSS, yaitu inline, internal dan external. Ketiganya bisa anda lakukan sesuai dengan kebutuhan. Berikut contoh penggunaan dari metode-metode tersebut:
Inline
Penulisan kode CSS dengan metode inline ini bisa dilakukan langsung pada tag yang ingin diberi style dengan menggunakan atribut style.
<h1 style=‚color : red; ‚> Judul Situs </h1>
Pada metode ini, anda tidak perlu menuliskan selector. Karena anda menuliskan CSS langsung pada tag yang ingin diberi style.
Cara ini sangat tidak dianjurkan, karena Anda akan mencampurkan antara “Format” dan “Presentasi”. Cara ini juga tidak efektif ketika anda akan melakukan perubahan pada CSS.
Internal
Metode CSS internal ditulis di dalam tag style yang ditempatkan pada tag head.
<HTML> <head> <title>Judul HTML</title>
<style>
h1 {
color : red;
}
</style> </head> ...
Metode kedua ini sangat dianjurkan untuk pengujian style, atau ketika anda hanya memiliki satu halaman web.
External
Metode yang terakhir adalah dengan membuat file CSS dan dipanggil di dalam tag head. File CSS memiliki ekstensi (akhiran) .CSS misanya namafile.CSS.
Pemanggilan file CSS dilakukan dengan menggunakan tag link:
<HTML> <head>
<title>Judul HTML</title>
<link rel=‚stylesheet‛ href=‚fileCSS.CSS‛ />
</head> ...
Atribut rel adalah informasi hubungan (relationship) dari tag link tersebut, yaitu sebagai stylesheet. Href diisi dengan lokasi file CSS yang ingin dimuat. Pemanggilannya sama dengan pemanggilan gambar atau link.
lalu contoh css yang akan saya bahas pertama yaitu adalah format spacing
jadi letter-spacing digunakan untuk menspasi atau memberikan jarak pada setiap kalimat
sedangkan color untuk warna dari tulisan itu sendiri, beda dengan html di css di setiap baris kode nya menggunakan {} dan semi colon (;) atau bisa disebut titik koma
ini adalah contoh css iniline yang menggunakan tag inline , bisa dilihat disini ada tulisan style =""
ini adalah contoh penggunaan css secara external
Tugas sesi 9, membuat artikel
sekian dari saya mohon maaf apabila ada kesalahan , sampai jumpa di lain kesempatan
