Scribd Logo
Unggah

Selamat datang di Scribd!

  • Coding

    Diunggah oleh

    mikulas 17
    7 tayangan5 halaman

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, 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 DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    7 tayangan5 halaman

    Coding

    Diunggah oleh

    mikulas 17

    Hak Cipta:

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

    Coding

    DESAIN CSS

     Definisi HTML
    Hypertext markup language atau yg biasa disebut html adalah bahasa yang paling
    dasar yg digunakan untuk membuat halaman web.

     Struktur Dasar HTML


    <!doctype html>
    <html>
    <head>
    <meta charset="utf-8">
    <title>Untitled Document</title>
    </head>

    <body>
    </body>
    </html>
     Tag Doctype
    Tag paling awal dari struktur dasar HTML adalah tag DOCTYPE atau tag DTD
    (Document Tag Declaration) yg berfungsi untuk memberi tahu browser bahwa
    dokumen yg ditampilkan adalah dokumen HTML
     Tag HTML
    Tag ini adalah tag pembuka dari seluruh halaman web. Semua kode HTML yg
    ada dalam halaman web harus berada setelah tag <html>.
     Tag HEAD
    Tag berikutnya setelah tag <HTML> adalah tag <head> atau kepala dari halaman
    website. Pada tag ini kita bisa menabahkan banyak informasi seperti definisi dan
    judul, kode-kode CSS, javascript, font dan lain-lain
     Tag Title
    Judul halaman website ditulis menggunakan tag <title> yang berada di dalam tag
    <head>. Judul ini biasanya ditampilkan di atas jendela browser.
     Tag BODY
    Tag yang juga sangat penting adalah tag <body>, karena semua isi elemen yang
    akan di tampilkan halaman website harus ada dalam tag ini.
     Tag meta
    Elemen Meta adalah elemen atau tag dalam bahasa pemrograman HTML atau
    XHTML yang berfungsi sebagai pemberi informasi metadata dari sebuah
    halaman web
     Charset
    UTF unicode transformation format-8
    Yg mendukung hampir seluruh karakter yang ada di dunia
    Ada 6 tag yg bisa digunakan dari tg <h1> sampai tag <h6>

    Tag untuk membuat paragraf


    Dalam html untuk membuat sebuah paragraf dapat menggunakan tag <p> dan diakhiri
    dengan taag penutup </p>
    Ada 4 nilai atribut align
    1. Right untuk membuat teks rata kanan
    2. Center untuk rata tengah
    3. Justify rta kanan kiri
    4. Left rata kirii

    Tag untuk membuat tautan (hyperlink)


    Hyperlink atau Tautan HTML digunakan untuk pindah dari satu halaman web
    ke halaman web yang lain.
    <a href=”https
    Dalam HTML untuk membuat tautan dapat menggunakan tag <a>
    Tag untuk menambahka gabar dan animasi di dalam halaman web dapat
    menggunakan tag <img> tanpa menggunakan tag penutup
    Penambahan audio atau suara didalam halaman web dapat dilakukan dengan
    menggunakan tag <audio>
    Penambahan video pake <video>

    Tag konten dari youtube


    Untuk menambahkan konten dari youtube dapat menggunankan tag
    <iframe>. Youtube sendiri sebenarnya sudah menyediakan fitur untuk
    berbagi konten dengan klik menu share kemudian klik embed. setelah itu
    tinggal salin kode dengan tag <iframe> ke halaman web
    Division
    Tag <div>
    Aturan penulisan HTML
    Case sensitive
    Contoh
    penulisan tag <br> DENGAN TAG <BR> dianggap sama
    Tidak semua tag berpasangan
    contoh

    CSS
    Casecading style sheet (css) adalah kumpulan kode-kode yang digunakan
    untuk mengatur tampilan, gaya atau layout halaman web

    H1 {color:blue; font-size : 12px;}


    PROPERTI = DESKRIPSI = NILAI
    COLOR = MENGATUR WARNA TEKS = NAMA WARNA,
    RGB, HEX
    LETTER-SPACING = Menambah atau mengurangi ruang antar karakter dalam
    sebuah teks = Nominal dengan satuan PX (pixel)
    Line-height = Mengatur tinggi baris atau jarak antar baris = Nominal angka
    tanpa satuan
    Text-align = Menentukan penyelarasan horizontal teks = Center, left,
    rigt, and justify
    Text decoration = Menentukan dekorasi yg ditambahkan ke teks = Overline, line
    through, Underline dan none
    Text-indent = menentukan identitas baris pertama dalam blok teks = nominal
    dengan satuan pixel
    Text shadow = menentukan efek bayangan yg ditambahkan ke teks = dua nominal dengan
    satuan PX (pixel) dan warna bayangan
    Text transform = Mengontrol kapitalisasi teks = Uppercase, lowercase dan capitalize
    Word-spacing = menambah atau mengurangi ruang antara kata kata dalam sebuah teks =
    nominal dengan satuan px (Pixel)

    CSS FONT
    Properti ini digunakan untuk menentukan jenis font, berat font, ukuran dan gaya teks
    FONT DAMILY
    Properti don’t damily harus menyimpan beberapa nama font sebagai sistem fallback. Jika
    browser tidak mendukung font peretama, itu akan mencoba font berikutnya dan
    seterusnya
    CSS LINKS
    Link atau tautan dapat ditata dengan beberapa properti CSS (misal : color, Font-Familiy,
    background, dll)
    Tautan dapat ditata secara berbeda tergantung pada keadanya :
    a:link (keadaan tautan normal dan belum dikunjungi)
    a:visited ( keadaan tautan sudah dikunjungi)
    a:hover( keadaan tautan ketika kurso berada diatasnya )
    a:active (keadaaan tautan saat di klik
    CSS LIST
    Pada HTML ada 2 jenis daftar urutan yang utama yaitu : unordered list (daftar yang tidak
    urut) dan ordered list (daftar yang urut)
    Untuk membuat daftar urutan jenis unordered list menggunakan tag <ul>, sedangkan
    untuk membuat daftar urutuan jenis ordered list menggunakan tag <ol>,

    List-style mengatur semua properti untuk daftar dalam satu deklarasi


    ul { list-style: square inside url(<<sqpurple.gif>>); }
    List-style image menentukan gambar sebagai penanda item-daftar
    ul { list-style-im-age: url(<sqpurple.gif>); }

    CSS Table
    Pembuatan tabel menggunakan tag <table> untuk membuat baris menggunakan tag <tr>
    untuk mengisi datanya menggunakan tag <td> untuk mengisi judul tabel menggunankan
    tag <th>
    Java script merupakan salah satu bahasa pemrograman yang digunakan untuk
    mengembangkan sebuah web.
    Html digunakan dalam menbangun bentuk sebuah website
    Css digunakan untuk mebangun desain bentuk, warna, dekorasi dan lain lain
    Sedangkan javascript digunakan untuk membuat fitur-fitur serta efek yang menjadikan
    website lebih interaktif
    Penulisan syntax javascript
     Penulisan kode javascript disimpan dengan ekstensi js
     Syntax javascript yang disiapkan di halaman HTML harus ditulis dalam elemen
    <script>
     Syntax Javascript bisa dituliskan dibagian elemen <head> atau <body>
     Javascript bersifat case sensitive, yaitu penggunaan huruf kapital atau kecil
    sangat berpengaruh
     Disetiap akhir harus ditutup dengn tanda titik koma atau semicolon (;)

    Anda mungkin juga menyukai