Scribd Logo
Unggah

Selamat datang di Scribd!

  • Black Doodle Group Project Presentation

    Diunggah oleh

    rahmaa dwi
    3 tayangan9 halaman

    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

    Hak Cipta:

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

    Black Doodle Group Project Presentation

    Diunggah oleh

    rahmaa dwi

    Hak Cipta:

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

    html

    (Hyper Text
    Markup Language)
    SIPAPASI
    pengertian
    HTML (Hyper Text Markup Language) adalah sebuah bahasa formatting
    yang digunakan untuk membuat sebuah halaman website.

    struktur penulisan
    Elemen yang dibutuhkan untuk membuat suatu dokumen HTML dinyatakan
    dengan tag <html>, <head>, dan <body> berikut tag-tag pasangannya.
    Setiap dokumen terdiri atas tag head dan body.
    css
    (Cascading Style
    Sheets)
    SIPAPASI
    pengertian
    Css adalah sebuah bahasa untuk mengatur tampilan web sehingga
    terlihat lebih menarik dan indah. Dengan CSS, kita dapat mengatur
    layout (tata letak), warna, font, garis, background, animasi, dan lain-lain.

    struktur penulisan
    a)Selector :adalah kata kunci untuk memilih elemen HTML yang akan
    kita beri style.
    b)Blok Deklarasi :tempat kita menuliskan atribut atau properti CSS yang
    akan diberikan ke pada elemen yang telah diseleksi.
    c)Properti dan Nilainya :sekumpulan aturan yang akan diberikan
    kepada elemen yang dipilih.
    1
    Objectives
    Analisis (c4)teknologi html
    dan css
    -HTML (Hyper Text Markup
    Language) adalah sebuah
    bahasa formatting yang
    digunakan untuk membuat
    sebuah halaman website.
    -CSS (Cascading Style
    Sheets) adalah bahasaa
    pemograman yang
    dilakukan untuk men-disgn
    sebuah halaman website.
    2 Analisis C4) perbedaan
    Objectives
    Selector,Dekralasi,Properti
    dan Nilai pada CSS
    - Selector adalah kata kunci untuk memilih elemen
    HTML yang akan kita beri style.
    - Dekralasi adalah tempat kita menulis atribut atau
    properti CSS yang akan diberikan ke pada elemen
    yang telah di seleksi.
    - Properti adalah sekumpulan aturan yang akan
    diberikan kepada elemen yang dipilih.
    - Nilai adalah value CSS adalah nilai dari property.
    Misalkan untuk property background-color yang
    digunakan untuk mengubah warna latar belakang
    dari sebuah selector, value atau nilainya dapat
    berupa red, blue, black, atau white.
    3 Objectives
    Analisis (C4) Cara menulis kode CSS di
    HTML
    Ada tiga cara menulis CSS di HTML:

    1.Internal CSS –> ditulis di dalam tag <style>;


    -Internal CSS
    Internal CSS adalah kode CSS yang ditulis di dalam tag <style>. Intarnal
    CSS juga dikenal dengan sebutan Embeded CSS.
    Tag <style> bisa ditulis di dalam tag <head>, bisa juga ditulis di dalam
    tag <body>. Namun kebanyakan orang menulisnya di dalam <head>.
    2 Inline CSS –> ditulis di atribut elemen HTML;
    Inline CSS adalah kode CSS yang ditulis langsung pada atribut style di
    elemen HTML.
    Kode CSS ditulis langsung tanpa menggunakan kurung kurawal{ ... }.
    Kemudian properti tetap dipisah dengan titik koma.
    Contoh:Inline CSS adalah kode CSS yang ditulis langsung pada atribut
    style di elemen HTML.
    3.Eksternal CSS
    Eksternal CSS adalah kode CSS yang ditulis terpisah dengan kode HTML.
    Eksternal CSS ditulis di dalam file khusus yang berekstensi .css.
    4 Objectives
    Analisis (C4) Kelebihan dan kekurangan
    dalam tiga cara penulisan CSS di HTML.
    1.Eksternal CSS
    Kelebihan:
    •Ukuran file HTML yang lebih kecil
    Karena file CSS dibuat terpisah, ukuran kode HTML
    menjadi lebih kecil dan secara bersamaan membuat
    kode HTML menjadi lebih rapih dan terorganisir.
    Kekurangan:
    •Membutuhkan proses load file CSS
    karena file CSS diletakkan terpisah dari HTML, browser
    memerlukan waktu untuk meload file CSS sebelum dapat
    merender HTML dengan benar. Terlebih lagi jika ada
    banyak file CSS eksternal yang diload, ini jelas akan
    membuat proses load halaman menjadi lama.
    4 Objectives
    2.Internal CSS
    Kelebihan:
    Proses load halaman yang cepat
    Dibandingkan dengan metode eksternal, penerapan internal
    memiliki keunggulan dari sisi kecepatan load halaman.
    •Ukuran file HTML yang besar
    •Proses debugging yang lebih sulit
    Penggunaan metode internal umumnya akan menempatkan
    deklarasi CSS pada satu tempat.
    •Browser tidak men-cache CSS.
    3.Inline CSS
    Metode inline adalah metode penambahan CSS pada elemen
    HTML (bukan dokumen HTML).

    Anda mungkin juga menyukai