Scribd Logo
Unggah

Selamat datang di Scribd!

  • Cascading Style Sheets (CSS)

    Diunggah oleh

    Arzent Znga
    18 tayangan24 halaman

    Judul Asli

    Cascading Style Sheets(Css) (1)

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    PPTX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai PPTX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    18 tayangan24 halaman

    Cascading Style Sheets (CSS)

    Diunggah oleh

    Arzent Znga

    Hak Cipta:

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

    CASCADING STYLE

    SHEETS(CSS)
    ANGGOTA KELOMPOK
    Nama Anggota Kelompok :

    • Kemal Bagus Laksono

    • lham Adi Apriansyah

    • M.Ezra Zeinaga L
    • M.Daffa Andarino

    • Hapiz Junedi
    • Sandy Rahman
    PENGERTIAN
    CASCADING STYLE
    SHEETS(CSS)
    CSS adalah Cascading Style Sheet yang merupakan
    suatu bahasa pemprograman web yang digunakan
    untuk mengendalikan dan membangun berbagai
    komponen dalam web sehingga tampilan web akan
    lebih rapi, terstruktur dan seragam.
    SEJARAH SINGKAT CSS
    CSS diperkenalkan untuk pengembangan website
    pada tahun 1996. Nama CSS didapat dari fakta
    bahwa setiap deklarasi style yang berbeda dapat
    diletakkan secara berurutan, yang kemudian akan
    membentuk hubungan parent-child pada setiap
    style.

    CSS sendiri merupakan sebuah teknologi internet


    yang direkomendasikan oleh World Wide Web
    Consortium atau W3C pada tahun 1996. Setelah
    CSS distandardisasikan
    ATURAN PENULISAN CSS

    Selector

    Properti

    Value
    CARA MEMASUKKAN
    FILE CSS KE HTML
    Untuk memasukkan file css kedalam html ada 3
    cara yaitu dengan cara:
    1. Eksternal
    2. Internal
    3. inline
    CARA MEMASUKKAN
    DENGAN CARA
    INTERNAL
    Untuk memasukkan file CSS kedalam html
    dengan cara menuliskan kode css kedalam
    tag<style> dan di akhiri dengan </style>. Untuk
    menulis tag <style> bisa dituliskan didalam
    tag<head> dan tag<body>.
    CONTOH MEMASUKKAN DENGAN CARA
    INTERNAL
    Output:
    CONTOH MEMASUKKAN DENGAN CARA
    EKSTERNAL
    Output:
    CONTOH MEMASUKKAN DENGAN CARA
    INLINE

    Output:
    PROPERTY CSS
    Property merupakan sifat yang bisa
    diterapkan pada selector misal seperti
    pemberian pada warna text,warna
    background
    CONTOH PROPERTI
    YANG SERING
    DIGUNAKAN
    No Properti Deskripsi
    1 Font-size Mengatur ukuran font
    2 Font-Family Mengatur jenis font
    3 Background-color Memberi Warna pada latar
    belakang
    4 Margin Mengatur jarak antar elemen
    secara Keseluruhan
    5 Width Mengatur Lebar pada elemen
    6 Height Mengatur tinggi halaman
    7 Padding Mengatur ruang pada element
    dengan konten secara
    keseluruhan
    PENGERTIAN HTML
    HTML adalah HyperText Markup Language
    merupakan bahasa pemfomatan teks untuk
    dokumen-dokumen pada jaringan komputer yang
    sering disebut sebagai world wide web.
    SEJARAH SINGKAT HTML
    HTML dibuat oleh seorang ahli fisika dengan tim
    Berners Lee pada lembaga penelitian CERN yang
    ada di Swiss. Tim tersebut mempunyai ide
    mengenai sistem hypertext yang menggunakan
    basis internet.Tim Berners Lee mengeluarkan versi
    HTML yang pertama pada tahun 1991. Dalam awal
    pembuatannya baru terdapat 18 tag HTML. Sejak
    tahun 1991 HTML selalu memperbarui tag – tag
    yang terdapat di html sampai saat ini sudah
    berjumlah 140 tag html.
    ATURAN PENULISAN
    HTML
    • Non Case sensitive, seluruh tag, nama atribut,
    dan nilai atribut harus ditulis di dalam
    huruf kecil. Akan tetapi dalam HTML5,
    penulisan huruf besar dan huruf kecil akan
    dianggap sama. Baik tag <P> maupun tag
    <p> sama-sama diperbolehkan di dalam
    HTML5.
    • Buka tutup Tag, Tag harus dibuat terlebih
    dahulu dengan pembuka dan penutup conto
    <body> </body>.gunanya untuk bisa
    mengetahui jika sedang dalam menulis kode
    html dan bisa terlihat lebih rapih
    Contoh Penulisan HTML
    CONTOH TAG HTML
    YANG SERING
    DIGUNAKAN
    Nama Tag Keterangan
    <html> Untuk membuat sebuah
    dokumen html
    <title> Untuk membuat judul dari
    sebuah halaman
    <body> Untuk membuat tubuh dari
    suatu halaman
    <head> Untuk kepala dari sebuah
    halaman
    <h1>-<h5> Untuk membuat heading
    <p> Untuk membuat paragraf
    <b> Untuk mencetak tulisan
    tebal
    Contoh Program sederhana HTML
    PENGERTIAN TEXT
    EDITOR
    Text Editor adalah suatu software aplikasi atau
    suatu program komputer yang memungkinkan
    untuk penggunanya untuk membuat, mengubah
    atau mengedit file teks yang ada berupa text biasa.

    Text editor ini sebenarnya bisa digunakan untuk


    membuat program komputer dan mengedit source
    code dari bahasa pemograman. Selain itu, text
    editor juga bisa dimanfaatkan untuk membuat
    halaman web atau template web design dan juga
    membuat aplikasi tertentu.
    FUNGSI TEXT EDITOR
    Fungsi text editor bisa untuk melakukan:
    • Menulis kode program.
    • Mencari kata pada sebuah file ataupun folder.
    • Mengurutkan data yang ada.
    • Membandingkan satu file dengan lainnya.
    CONTOH TEXT EDITOR
    Ada beberapa Text editor yang bisa digunakan oleh
    pengguna yang ingin membuat sebuah program
    seperti berikut contoh aplikasi text editor yang
    bisa digunakan :
    • Notepad++
    • Sublime-Text
    • Atom
    • VIM
    • Brackets
    TERIMA KASIH

    Anda mungkin juga menyukai