Scribd Logo
Unggah

Selamat datang di Scribd!

  • Komponen Dan Style Pada Multimedia Interaktif - SMK - XII - Part 2.

    Diunggah oleh

    Mia Fiana
    24 tayangan16 halaman
    Bab 2 mendiskusikan pengenalan CSS (Cascading Style Sheets) sebagai bahasa untuk mengatur tampilan web, termasuk struktur dasarnya seperti selektor, blok deklarasi, dan properti & nilai. Terdapat 3 cara untuk memasukkan kode CSS ke dalam kode HTML, yaitu internal CSS, eksternal CSS, dan inline CSS.

    Deskripsi Asli:

    komponen dan style pada multimedia interaktif berbasis halaman web

    Judul Asli

    Komponen dan Style pada Multimedia Interaktif_SMK_XII_Part 2.

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini
    Bab 2 mendiskusikan pengenalan CSS (Cascading Style Sheets) sebagai bahasa untuk mengatur tampilan web, termasuk struktur dasarnya seperti selektor, blok deklarasi, dan properti & nilai. Terdapat 3 cara untuk memasukkan kode CSS ke dalam kode HTML, yaitu internal CSS, eksternal CSS, dan inline CSS.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    24 tayangan16 halaman

    Komponen Dan Style Pada Multimedia Interaktif - SMK - XII - Part 2.

    Diunggah oleh

    Mia Fiana
    Bab 2 mendiskusikan pengenalan CSS (Cascading Style Sheets) sebagai bahasa untuk mengatur tampilan web, termasuk struktur dasarnya seperti selektor, blok deklarasi, dan properti & nilai. Terdapat 3 cara untuk memasukkan kode CSS ke dalam kode HTML, yaitu internal CSS, eksternal CSS, dan inline CSS.

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 16

    Komponen dan Style pada

    Multimedia Interaktif
    Berbasis halaman Web
    Chapter 2
    01 Apa itu CSS ?
    Membahas definisi dan fungsi CSS

    Hari ini kita mau 02 Struktur dasar CSS


    Mengenal selektor, blok deklarasi,
    bahas…. properti dan nilainya

    03 Cara menuliskan CSS di


    HTML
    Belajar memasukkan kode css
    kedalam elemen HTML

    04 MISI
    Mengenal CSS secara langsung
    melalui praktek
    Mengenal CSS

    CSS (Cascade Style Sheet) merupakan


    sebuah bahasa untuk mengatur tampilan
    web sehingga terlihat lebih merarik dan
    indah.

    Dengan menggunakan CSS, kita dapat


    mengatur layout, warna, font, garis dan
    lain-lain.
    Srtuktur CSS Selektor

    Blok Deklarasi

    Properti & Nilainya


    Selektor h1 {
    Color : red;
    Selektor adalah kata kunci untuk }
    memlih elemen HTM yang akan kita
    atur.
    Artinya: Kita memilih semua elemen
    <h1>, lalu diberikan warna teks red
    Selektor dapat berupa nama tag,
    (merah).
    class, id, dan atribut
    Blok Deklarasi p {
    font-size: 18px;
    Blok Dekorasi adalah tempat kita }
    menuliskan atribut-atribut CSS yang
    aka diberikan pada selektor.
    Artinya: Kita aka merubah tag <p>,
    menjadi ukuran 18 px.
    Blok deklarasi dimulai atau dibuka
    dengan tanda kurung { lalu ditutup
    dengan }
    Properti & Nilainya p {
    font-size: 18px;
    Properti merupakan atribut atau }
    sekumpulan aturan yang akan
    diberikan kepada elemen yang dipilih.
    Artinya: Kita aka merubah tag <p>,
    menjadi ukuran 18 px.
    Setiap properti harus diakhiri dengan
    titik koma (;) dan harus ditulis di
    dalam blok
    Cara menuliskan kode CSS pada HTML

    Terdapat 3 cara yang bisa kita gunakan ketika mau


    memasukkan kode CSS ke HTML yaitu :

    1. Internal CSS
    2. Eksternal CSS
    3. Inline CSS
    01
    Internal CSS
    Kode CSS dituliskan didalam tag
    <style>. Tag ini bisa ditulis dalam tag
    <head> dan tag <body> namun lebih
    sering ditulis pada tag <head>

    Hasilnya
    02
    Eksternal CSS
    Kode CSS dituliskan terpisah
    dengan kode HTML.

    Eksternal CSS ditulis dengan


    menambahkan ekstensi .css
    02 Eksternal CSS
    Untuk menggunakan CSS tersebut, kita perlu mengimporya. Ada beberapa cara memasukkan
    kode CSS dari berkas eksternal yaitu dengan tag <link> dan menggunaka @import

    Menggunakan tag <link>

    Menggunakan @import
    03 Inline CSS
    Kode CSS dituliskan secara langsung dalam atribut pada elemen HTML. Setiap elemen
    HTML memiliki atribut style, disaalah inline CSS ditulis

    Hasil nya
    Questions?
    MISI
    Menuliskan kode CSS Pada HTML

    Anda mungkin juga menyukai