Scribd Logo
Unggah

Selamat datang di Scribd!

  • HTML

    Diunggah oleh

    Renewry Chovenanthza
    3 tayangan4 halaman
    Dokumen tersebut membahas pengantar CSS (Cascading Style Sheets) yang digunakan untuk menentukan tampilan dan format halaman website. Terdapat tiga jenis CSS berdasarkan penempatannya: inline, internal, dan external. Dokumen tersebut juga menjelaskan beberapa konsep penting dalam CSS seperti inheritance, group selectors, dan order rule.

    Deskripsi Asli:

    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
    Dokumen tersebut membahas pengantar CSS (Cascading Style Sheets) yang digunakan untuk menentukan tampilan dan format halaman website. Terdapat tiga jenis CSS berdasarkan penempatannya: inline, internal, dan external. Dokumen tersebut juga menjelaskan beberapa konsep penting dalam CSS seperti inheritance, group selectors, dan order rule.

    Hak Cipta:

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

    HTML

    Diunggah oleh

    Renewry Chovenanthza
    Dokumen tersebut membahas pengantar CSS (Cascading Style Sheets) yang digunakan untuk menentukan tampilan dan format halaman website. Terdapat tiga jenis CSS berdasarkan penempatannya: inline, internal, dan external. Dokumen tersebut juga menjelaskan beberapa konsep penting dalam CSS seperti inheritance, group selectors, dan order rule.

    Hak Cipta:

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

    LAPORAN PRAKTIKUM PEMROGRAMAN WEB

    MODUL IV
    PENGENALAN CSS

    Nama: Renewry Chovenanthza


    NIM: 105220025

    PROGRAM STUDI ILMU KOMPUTER


    FAKULTAS SAINS DAN ILMU KOMPUTER
    UNIVERSITAS PERTAMINA
    2022
    I. PENDAHULUAN
    CSS adalah singkatan dari cascading style sheets, yaitu bahasa yang digunakan untuk
    menentukan tampilan dan format halaman website. CSS digunakan bersama dengan
    bahasa markup, seperti HTML dan XML untuk membangun sebuah website yang menarik
    dan memiliki fungsi yang berjalan baik.
    Jenis jenis CSS dibagi menjadi tiga berdasarkan penempatan kodenya, yaitu Inline, Internal
    dan External.
    1. Inline CSS
    Inline CSS adalah kode CSS yang dituliskan di dalam file HTML. Jenis CSS ini
    hanya mempengaruhi satu baris kode HTML.

    Perhatikan baris kode di bawah ini sebagai contohnya:

    <h1 style="font-size:30px;color:blue;">Cek beritama utama ini!</h1>


    2. Internal CSS
    Internal CSS dituliskan di bagian header file HTML. Fungsinya untuk menentukan
    tampilan sebuah halaman.

    Contohnya, jika ingin agar halaman memiliki latar belakang biru dan teks berukuran
    20px yang berwarna putih, kodenya seperti di bawah ini:

    <head>
    <style>
    Body { background-color:blue; }
    P { font-size:20px; color:white; }
    </style>
    </head>

    <p>Ini adalah contoh kalimat.</p>


    3. External CSS
    External CSS adalah kode CSS yang diletakkan di luar dokumen HTML sebagai file
    .css. Jenis CSS ini berfungsi untuk mengatur tampilan semua halaman website yang
    ditentukan.
    <head> <link rel="stylesheet" type="text/css" href=fileCSSAnda.css">
    </head>

    Terdapat beberapa konsepsi dalam CSS yang harus dipahami.

    • Inheritance Styling HTML bersifat inheritance yang artinya dapat mewarisi properti style
    “tertentu” pada elemen yang ada di dalamnya. Contohnya pada rules yang kita tuliskan
    untuk elemen
    akan diterapkan pada seluruh elemen yang ada di dalam elemennya (body).
    • Group Selectors Jika kita menerapkan rule yang sama pada beberapa selector yang
    berbeda, di CSS kita dapat menggabungkan selector tersebut sehingga dapat
    meminimalisir penulisan kode yang berulang.
    • Rule Order Sesuai dengan namanya, cascading artinya “mengalir.” Demikian halnya
    dengan alur kerja CSS dalam membaca kode yang mengalir dari atas ke bawah.
    II. PEMBAHASAN
    Link Repository : https://github.com/Master2Piece/Pemrograman-web

    Anda mungkin juga menyukai