Multiple Style akan meng-cascade kedalam Style Lain
|
|
- Benny Chandra
- 7 tahun lalu
- Tontonan:
Transkripsi
1 CSS Pendahuluan Apakah CSS? CSS singkatan dari Cascading Style Sheets Styles mendefinisikan bagaimana menampilkan elemen Styles umumnya disimpan dalam Style Sheets Styles ditambahkan pada HTML 4.0 untuk menyelesaikan persoalan External Style Sheets dapat menghemat waktu Anda External Style Sheets disimpan dalam file CSS Definisi Multiple style adalah melakukan cascade (bertingkat) ke style lain Style Memecahkan Persoalan Umum Tag HTML pada awalnya dirancang untuk mendefinisikan konten dokumen. Tag-tag ini dimaksudkan untuk mengatakan "Ini adalah header", "Ini adalah paragraf ", "Ini adalah tabel", dengan menggunakan tag-tag seperti <h1>, <p>, <table>, dan lainnya. Layout (tata letak) dokumen dianggap itu urusannya browser, tanpa menggunakan tag-tag pemformatan. Browser kemudian menambahkan tag dan atribut baru (seperti <font> dan atribut color) kepada spesifikasi HTML awal. Hal ini menjadi lebih sulit untuk menciptakan situs Web dimana konten dokumen HTML secara jelas dipisahkan dari layout presentasi dokumennya. Untuk mengatasi persoalan ini, World Wide Web Consortium (W3C) merespon dengan membuat standar HTML maka diciptakan STYLE sebagai tambahan pada HTML 4.0. Sekarang kebanyakan browser mendukung Cascading Style Sheet. Style Sheet Dapat Menghemat Waktu Kerja Styles sheets mendefinisikan BAGAIMANA elemen HTML ditampilkan, untuk menggantikan tag font dan atribut color dalam HTML 3.2. Style umumnya disimpan dalam file.css terpisah. Style sheet external mengijinkan Anda untuk mengubah kemunculan dan layout dari seluruh halaman dalam Web, hanya dengan mengedit satu dokumen CSS. CSS adalah terobosan dalam perancangan Web karena ia mengijinkan pengembang mengontrol style dan layout satu kali dari sejumlah halaman Web. Anda dapat mendefinisikan style untuk setiap elemen HTML dan menggunakannya untuk banyak halaman Web selama Anda inginkan. Untuk membuat perubahan global, secara sederhana ubah style, dan semua elemen dalam Web akan di update secara otomatis. Multiple Style akan meng-cascade kedalam Style Lain Style sheet mengijinkan informasi style dikerjakan dengan beberapa cara. Style dapat diletakkan didalam sebuah elemen HTML, didalam elemen pada halaman HTML, atau dalam file CSS eksternal. Bahkan sejumlah style sheet eksternal dapat diacu didalam dokumen HTML tunggal.
2 Style apa yang akan dipakai pada saat lebih dari satu style ditulis untuk elemen HTML? Secara umum kita dapat katakan bahwa semua style akan "meng-cascade" kedalam style sheet "virtual" baru dengan mengikuti hukum dengan prioritas mulai yang paling rendah: 1. Browser default 2. External style sheet 3. Internal style sheet (didalam tag ) 4. Inline style (didalam elemen HTML) Jadi, inline style (didalam elemen HTML) mempunyai prioritas tertinggi, yang berarti bahwa ini akan menimpa style yang dideklarasikan didalam tag, dalam external style sheet, atau dalam browser (nilai default). Catatan: Jika link style sheet eksternal diletakkan dibawah style sheet internal dalam tag, style sheet eksternal akan menimpa style sheet internal. Sintaks CSS Sintaks CSS disusun atas tiga bagian: selector, property and value: selector property: value Selector umumnya elemen/tag HTML yang Anda definisikan, property adalah atribut yang akan Anda ubah, dan setiap property dapat mempunyai value (nilai). Property dan value dipisahkan oleh tanda titik dua (:), dan diapit oleh kurung kurawal: body color: black Catatan: Jika value terdiri atas sejumlah kata, apitlah dengan petik ganda: p font-family: "sans serif" Catatan: Jika Anda akan menentukan lebih dari satu property, Anda harus memisahkan setiap property dengan tanda titik koma. Berikut contoh bagaimana mendefinisikan paragraf rata tengah, dengan warna teks merah: p text-align:center;color:red Untuk membuat definisi style mudah dibaca, Anda dapat menuliskan satu property pada tiap baris, seperti ini: p text-align: center; color: black; font-family: arial
3 Pengelompokan Anda dapat mengelompokkan sejumlah selector. Pisahkan setiap selector dengan koma. Dalam contoh di bawah kita telah mengelompokkan semua elemen header. Semua elemen header akan ditampilkan dalam warna teks hijau: h1,h2,h3,h4,h5,h6 color: green Selector kelas Dengan selector kelas Anda dapat mendefinisikan style berbeda untuk tipe elemen HTML berbeda. Misalnya Anda ingin mempunyai dua tipe paragraf dalam dokumen: satu paragraf rata kanan, dan satu lagi paragraf rata tengah. Anda dapat mengerjakannya dengan style: p.right text-align: right p.center text-align: center Anda harus menggunakan atribut kelas dalam dokumen HTML Anda: <p class="right"> Ini adalah paragraf dengan rata kanan. <p class="center"> Ini adalah paragraf dengan rata kanan. Catatan: Untuk menggunakan lebih dari satu kelas per elemen yang diberikan, sintaks menjadi: <p class="center bold"> Ini adalah paragraf. Paragraf di atas akan diberi style dengan kelas "center" DAN kelas "bold". Anda juga dapat mengabaikan nama tag dalam selector untuk mendefinisikan style yang akan dipakai oleh semua elemen HTML yang mempunyai kelas tertentu. Dalam contoh berikut, semua elemen HTML dengan class ="center" akan dibuat rata tengah:.center text-align: center Dalam kode di bawah baik elemen h1 maupun elemen p mempunyai class="center". Ini berarti kedua elemen akan mengikuti aturan dalam selector ".center": <h1 class="center"> Heading ini dibuat rata tengah
4 </h1> <p class="center"> Paragraf ini juga dibuat rata tengah. JANGAN memulai nama kelas dengan bilangan! Ini tidak bekerja dalam Mozilla/Firefox. Menambahkan Style kepada Elemen dengan Atribut Khusus Anda juga dapat menggunakan style kepada elemen HTML dengan atribut khusus. Aturan style dibawah akan mencocokkan semua elemen input yang mempunyai atribut type dengan nilai "text": input[type="text"] background-color: blue Selector id Anda juga dapat mendefinisikan style untuk elemen HTML dengan selector id. Selector id didefinisikan dengan #. Aturan style dibawah akan mencocokkan elemen yang mempunyai atribut id dengan nilai "green": #green color: green Aturan style dibawah akan mencocokkan elemen p yang mempunyai id dengan nilai "para1": p#para1 text-align: center; color: red JANGAN memulai nama ID dengan bilangan! Ini tidak akan bekerja pada Mozilla/Firefox.
5 Komentar CSS Komentar dipakai untuk menjelaskan kode, dan bisa membantu saat Anda mengedit kode sumber pada waktu lain. Komentar akan diabaikan oleh browser. Komentar CSS dimulai dengan "/*", dan diakhiri dengan "*/", seperti ini: /* Ini adalah komentar */ p text-align: center; /* Ini adalah komentar yang lain*/ color: black; font-family: arial Bagaimana menyisipkan Style Sheet Pada saat browser membaca style sheet, ia akan memformat dokumen sesuai dengan stylenya. Ada tiga cara menyisipkan style sheet: Style Sheet Eksternal Style sheet eksternal paling cocok digunakan untuk banyak halaman. Dengan style sheet eksternal, Anda dapat mengubah tampilan keseluruhan situs Web dengan hanya mengubah satu file. Setiap halaman harus melakukan link ke style sheet menggunakan tag <link>. Tag <link> ditulis di bagian head: <link rel="stylesheet" type="text/css" href="cssku.css" /> Browser akan membaca definisi style dari file cssku.css, dan memformat dokumen sesuai dengannya. Style sheet eksternal dapat ditulis dengan editor teks. File tidak mancakup tag-tag html. Style sheet disimpan dengan ekstensi.css. Contoh file style sheet file seperti ini: hr color: sienna p margin-left: 20px body background-image: url("images/back40.gif") JANGAN memberi spasi antara nilai property dan satuan! Jangan tulis "margin-left: 20 px", tapi tulis "margin-left: 20px".
6 Contoh Contoh 1 <link rel="stylesheet" type="text/css" href="contoh1.css" /> <h1>ini adalah header dengan 36 pt</h1> <h2>ini adalah header dengan warna biru</h2> <p> Ini adalah paragraf dengan left margin sama dengan 50 piksel File style sheet (contoh1.css): body background-color: yellow h1 font-size: 36pt h2 color: blue p margin-left: 50px Contoh 2 File HTML ini akan melakukan link ke style sheet dengan tag <link> <link rel="stylesheet" type="text/css" href="contoh2.css" /> <h1>ini adalah header 1</h1> <hr /> <p>anda dapat melihat bahwa style sheet memformat teks <p><a href=" target="_blank">link ke Akakom</a>
7 File style sheet (contoh2.css): body background-color: tan h1 color:maroon; font-size:20pt hr color:navy p font-size:11pt; margin-left: 15px a:link color:green a:visited color:yellow a:hover color:black a:active color:blue Style Sheet Internal Style sheet internal digunakan pada saat sebuah dokumen mempunyai style unik. Anda definisikan style internal dalam bagian head dengan menggunakan tag <style>, seperti ini: hr color: sienna p margin-left: 20px body background-image: url("images/back40.gif") Sekarang browser akan membaca definisi style, dan memformat dekumen sesuai dengannya. Catatan: Browser umumnya mengabaikan tag yang tidak diketahui. Ini berarti browser tua yang tidak mendukung style, akan mengabaikan tag <style>, tetapi konten tag <style> akan ditampilkan pada halaman. Untuk melindungi browser tua dari penampilan konten adalah dengan menyembunyikannya dalam elemen komentar: <!-- hr color: sienna p margin-left: 20px body background-image: url("images/back40.gif") --> Style Inline Style inline mencampur konten dengan presentasi. Gunakan metode ini pada saat style dipakai untuk sekali kemunculan elemen. Untuk menggunakann style inline Anda gunakan atribut style dalam tag tersebut. Atribut style dapat mencakup sejumlah properti CSS. Berikut contoh bagaimana mengganti warna dan left margin dari paragraf: <p style="color: sienna; margin-left: 20px"> Ini adalah paragraf
8 Multiple Style Sheet Jika sejumlah property telah diset untuk selector yang sama dalam style sheet berbeda, nilainya akan diturunkan dari style sheet yang lebih spesifik. Sebagai contoh, style sheet eksternal mempunyai property untuk selector h3: h3 color: red; text-align: left; font-size: 8pt Style sheet internal mempunyai property untuk selector h3: h3 text-align: right; font-size: 20pt Jika halaman dengan style sheet internal juga melakukan link ke style sheet eksternal property untuk h3 akan menjadi: color: red; text-align: right; font-size: 20pt Property color diturunkan dari style sheet eksternal sedangkan and text-alignment dan fontsize diambil dari style sheet internal.
9 Background CSS Property background CSS mendefinisikan efek background dari elemen. Property Background CSS Property background mengijinkan Anda mengontrol warna background dari elemen, menset image sebagai background, mengulang image background secara vertikal atau horisontal, dan posisi image pada halaman. Browser yang mendukung: IE: Internet Explorer, F: Firefox, N: Netscape. W3C: Bilangan dalam kolom "W3C" menunjukkan rekomendasi CSS yang mana property itu didefinisikan (CSS1 atau CSS2). Property Deskripsi Value IE F N W3C background backgroundattachment background-color background-image background-position background-repeat Property singkatan untuk setting seluruh property background dalam satu deklarasi Menset apakah image background diset tetap atau scroll pada sisa halaman Menset background color dari elemen Menset image sebagai background Menset titik awal dari background image Menset bagaimana background image akan diulang background-color background-image background-repeat backgroundattachment background-position scroll fixed color-rgb color-hex color-name transparent url(url) none top left top center top right center left center center center right bottom left bottom center bottom right x% y% xpos ypos repeat repeat-x repeat-y no-repeat
10 Contoh 1. Menset warna background body background-color: yellow h1 background-color: #00ff00 h2 background-color: transparent p background-color: rgb(250,0,255) <h1>ini adalah header 1</h1> <h2>ini adalah header 2</h2> <p>ini adalah paragraf 2. Menset image sebagai background body background-image: url('bgdesert.jpg')
11 3. Bagaimana mengulang image sebagai background body background-image: url('bgdesert.jpg'); background-repeat: repeat 4. Bagaimana mengulang background image hanya secara vertikal body background-image: url('bgdesert.jpg'); background-repeat: repeat-y 5. Bagaimana mengulang background image hanya secara horisontal body background-image: url('bgdesert.jpg'); background-repeat: repeat-x
12 6. Bagaimana menampilkan background image hanya sekali body background-image: url('bgdesert.jpg'); background-repeat: no-repeat 7. Bagaimana meletakkan background image body background-image:url('smiley.gif'); background-repeat:no-repeat; background-attachment:fixed; background-position:center; <p><b>catatan:</b> Agar bekerja pada Mozilla, property backgroundattachment harus diset ke "fixed".
13 8. Bagaimana memset posisi background image menggunakan % body background-image: url('smiley.gif'); background-repeat: no-repeat; background-attachment:fixed; background-position: 30% 20%; <p><b>note:</b> For this to work in Mozilla, the backgroundattachment property must be set to "fixed". 9. Bagaimana menset posisi background image menggunakan piksel body background-image: url('smiley.gif'); background-repeat: no-repeat; background-attachment:fixed; background-position: 50px 100px; <p><b>note:</b> For this to work in Mozilla, the backgroundattachment property must be set to "fixed".
14 10. Bagaimana menset background image secara tetap, sehingga image tidak scroll body background-image: url('smiley.gif'); background-repeat: no-repeat; background-attachment: fixed 11. Semua property background dalam satu deklarasi body background: #00ff00 url('smiley.gif') no-repeat fixed center;
15
16 Text CSS Property Text CSS Property-property teks CSS mendefinisikan kemunculan teks. Property-property teks CSS mengijinkan Anda untuk mengontrol kemunculan teks. Dengan property ini Anda bisa mengubah warna teks, menambah atau mengurangi spasi antar huruf dalam teks, meratakan teks, mendekorasi teks, menambah indentasi baris pertama dalam teks, dan lainnya. Browser yang mendukung: IE: Internet Explorer, F: Firefox, N: Netscape. W3C: Bilangan dalam kolom "W3C" menunjukkan rekomendasi CSS yang mana property itu didefinisikan (CSS1 atau CSS2). Property Deskripsi Value IE F N W3C color Menset warna teks color direction Menset arah teks ltr rtl line-height Menset jarak antar baris normal number length % letter-spacing text-align text-decoration text-indent text-shadow text-transform unicode-bidi white-space word-spacing Menambah atau mengurangi spasi antar huruf Meratakan teks dalam elemen normal length left right center justify Menambah dekorasi ke teks none underline overline line-through blink Menambah indentasi baris pertama dari teks dalam elemen Mengontrol huruf dalam elemen Menset bagaimana menangani spasi putih yang ada dalam elemen Menambah atau mengurangi spasi antar kata length % none color length none capitalize uppercase lowercase normal embed bidi-override normal pre nowrap normal length
17 Contoh 1. Menset warna teks h1 color: #00ff00 h2 color: #dda0dd p color: rgb(0,0,255) <h1>ini adalah header 1</h1> <h2>ini adalah header 2</h2> <p>ini adalah paragraf 2. Menset background-color pada teks span.highlight background-color:yellow <p> <span class="highlight">ini adalah teks.</span> Ini adalah teks. Ini adalah teks. Ini adalah teks. Ini adalah teks. Ini adalah teks. Ini adalah teks. Ini adalah teks. Ini adalah teks. Ini adalah teks. <span class="highlight">ini adalah teks.</span> 3. Menentukan spasi antar huruf h1 letter-spacing: -3px h4 letter-spacing: 0.5cm
18 <h1>ini adalah header 1</h1> <h4>ini adalah header 4</h4> 4. Menentukan spasi antar baris p.kecil line-height: 90% p.besar line-height: 200% <p> Ini adalah paragraf dengan tinggi baris standar. Tinggi baris default kebanyakan browser sekitar 110% sampai 120%. Ini adalah paragraf dengan tinggi baris standar. Ini adalah paragraf dengan tinggi baris standar. <p class="kecil"> Ini adalah paragraf dengan tinggi baris lebih kecil. Ini adalah paragraf dengan tinggi baris lebih kecil. Ini adalah paragraf dengan tinggi baris lebih kecil. Ini adalah paragraf dengan tinggi baris lebih kecil. Ini adalah paragraf dengan tinggi baris lebih kecil. <p class="besar"> Ini adalah paragraf dengan tinggi baris lebih besar. Ini adalah paragraf dengan tinggi baris lebih besar. Ini adalah paragraf dengan tinggi baris lebih besar. Ini adalah paragraf dengan tinggi baris lebih besar. Ini adalah paragraf dengan tinggi baris lebih besar. 5. Perataan Teks h1 text-align: center h2 text-align: left h3 text-align: right
19 <h1>ini adalah header 1</h1> <h2>ini adalah header 2</h2> <h3>ini adalah header 3</h3> 6. Dekorasi teks h1 text-decoration: overline h2 text-decoration: line-through h3 text-decoration: underline h4 text-decoration: blink a text-decoration: none <h1>ini adalah header 1</h1> <h2>ini adalah header 2</h2> <h3>ini adalah header 3</h3> <h4>ini adalah header 4</h4> <p><a href=" ke Akakom</a> 7. Indentasi teks p text-indent: 1cm <p>
20 Ini adalah kalimat dalam paragraf. Ini adalah kalimat dalam paragraf. Ini adalah kalimat dalam paragraf. Ini adalah kalimat dalam paragraf. Ini adalah kalimat dalam paragraf. 8. Mengontrol huruf dalam teks p.uppercase text-transform: uppercase p.lowercase text-transform: lowercase p.capitalize text-transform: capitalize <p class="uppercase">ini adalah kalimat dalam paragraf. <p class="lowercase">ini adalah kalimat dalam paragraf. <p class="capitalize">ini adalah kalimat dalam paragraf. 9. Menset arah teks dari elemen div.one direction: rtl div.two direction: ltr <div class="one">sejumlah teks. Arah kanan-ke-kiri.</div>
21 <div class="two">sejumlah teks. Arah kiri-ke-kanan.</div> 10. Menambah spasi putih antar kata p word-spacing: 30px <p> Ini adalah kalmat. Ini adalah kalimat. 11. Membuat non-aktif teks menggulung (wrapping) didalam elemen p white-space: nowrap <p> Ini adalah kalmat. Ini adalah kalimat. Ini adalah kalmat. Ini adalah kalimat. Ini adalah kalmat. Ini adalah kalimat. Ini adalah kalmat. Ini adalah kalimat. Ini adalah kalmat. Ini adalah kalimat. Ini adalah kalmat. Ini adalah kalimat. Ini adalah kalmat. Ini adalah kalimat. Ini adalah kalmat. Ini adalah kalimat.
22
CSS Cascading Style Sheet
CSS Cascading Style Sheet Pengenalan CSS CSS adalah singkatan dari Cascading Style Sheets CSS (Cascading Style Sheet) digunakan untuk melengkapi file HTML, dan tugas utamanya adalah menetapkan aturan tampilan/style
Lebih terperinciXHTML dan Dasar-dasar CSS XHTML
XHTML dan Dasar-dasar CSS Pemrograman Web Rosa Ariani Sukamto Email: rosa_if_itb_01@yahoo.com Blog: http://udinrosa.wordpress.com Website: http://www.gangsir.com XHTML Extensible Hypertext Markup Language
Lebih terperinciIntroduksi. Team Training SMK-TI I-58
Introduksi Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip
Lebih terperinci{CSS} Cascading Style Sheet
{CSS} Cascading Style Sheet mekanisme sederhana yang mengatur gaya / style (cth: warna, ukuran, posisi, dll) pada halaman web. http://www.w3.org/style/css sebelum CSS sebelum CSS sebelum CSS sebelum
Lebih terperinciCSS Cascading Style Sheet
CSS Cascading Style Sheet Pemrograman Web 1 Genap 2011-2012 Pengenalan CSS CSS = Cascading Style Sheet. Suatu style yang digunakan untuk menampilkan elemen HTML. Dapat mengatur dan mengontrol tampilan
Lebih terperinciCSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM
CSS RANDY CAHYA WIHANDIKA, S.ST., M.KOM CSS Cascading Style Sheet Bahasa yang digunakan untuk mengatur tampilan dan format dari dokumen markup (HTML) CSS didesain untuk memisahkan antara dokumen yang mendeskripsikan
Lebih terperinciMODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR
MODUL 1 STYLE SHEET UNTUK TAMPILAN DASAR PENDAHULUAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman Web dalam perkuliahan sebelumnya, kini tiba saatnya untuk membuat halaman web Anda tampil
Lebih terperinciTeks dan Background SERIF SANS-SERIF MONOSPACE
Tujuan Teks dan Background Mahasiswa dapat memahami pengaturan teks melalui CSS Mahasiswa dapat memahami berbagai jenis ukuran teks Mahasiswa dapat memahami pengaturan background melalui CSS Dasar Teori
Lebih terperinciIntroduksi. Team Training SMK-TI I-58
Introduksi Style Sheet adalah template yang mengontrol pemformatan tag HTML pada halaman web anda. Bila anda telah terbiasa menggunakan Microsoft Word, anda dapat melihat bahwa konsep Style Sheet mirip
Lebih terperinciCara Value keterangan
Pertemuan 11 Pengaturan property CSS Style Sheet adalah rangkaian suatu perintah yang disebut juga dengan statement. Setiap statement mempunyai 2 (dua) buah komponen utama yaitu, selector dan deklarator.
Lebih terperinciCSS (Cascade Style Sheet)
CSS (Cascade Style Sheet) CSS merupakan bahasa (script) yang digunakan untuk mengatur tampilan suatu dokumen yang ditulis dalam bahasa markup / markup language. Jika kita berbicara dalam konteks web, bisa
Lebih terperinciDAFTAR ISI DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN Latar Belakang Rumusan Masalah Tujuannya...
DAFTAR ISI COVER DAFTAR ISI... 1 KATA PENGATAR... 2 BAB I PENDAHULUAN... 3 1.1 Latar Belakang... 3 1.2 Rumusan Masalah... 3 1.3 Tujuannya... 3 BAB II PEMBAHASAN... 4 2.1 Pengertian CSS... 4 2.2 Format
Lebih terperinciMetode Penulisan Dasar CSS
Metode Penulisan Dasar CSS Pada pembahasan kali ini, kita akan menelusuri pemograman CSS lebih dalam lagi. Ada beberapa penulisan dasar dalam CSS yang wajib kita ketahui. Beberapa penulisan itu terdiri
Lebih terperinciPemrograman Web. Cascading Style Sheets. Created by : Rifqi Sambas Khairurrohman
Pemrograman Web Cascading Style Sheets Created by : Rifqi Sambas Khairurrohman Home Page Anatomi CSS Macam Selector Cara Kerja Anatomi CSS CSS terdiri dari beberapa set peraturan yang memiliki: 1 selector,
Lebih terperinciDASAR-DASAR CSS DASAR-DASAR CSS By: Rohi Abdulloh A. PENGENALAN
DASAR-DASAR CSS DASAR-DASAR CSS 2015 A. PENGENALAN CSS merupakan kependekan dari Cascading Style Sheet yaitu suatu skrip yang digunakan untuk mempercantik tampilan HTML atau mengatur bagaimana elemen HTML
Lebih terperinciMODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR)
MODUL PRAKTIKUM PEMROGRAMAN WEB (DASAR) MATERI KULIAH SEMESTER 3 D3 TEKNIK INFORMATIKA STMIK AMIKOM YOGYAKARTA 2009 Disusun Oleh : ANGGIT DWI HARTANTO, S.KOM MODUL II CASCADING STYLE SHEET (CSS) I. PENGERTIAN
Lebih terperinciSecara garis besar, terdapat 3 cara menginput kode CSS, yaitu metode Inline Style, Internal Style Sheets, dan External Style Sheets.
Sebagaimana telah dipelajari pada saat pembahasan tentang HTML (pada artikel tutorial belajar HTML), HTML pada dasarnya adalah kumpulan dari tag-tag yang disusun sehingga memiliki bagian-bagian tertentu,
Lebih terperinciMODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119)
MODUL PRATIKUM 04A PEMROGRAMAN BERBASIS WEB (CCP119) Disusun oleh : KARTINI, SKom.,MMSI LABORATORIUM KOMPUTER FAKULTAS ILMU KOMPUTER UNIVERSITAS ESA UNGGUL MODUL PRATIKUM PBW 04A Cascading Style Sheets
Lebih terperinciCSS. Cascading Style Sheet. Spesifikasi lengkap di :
CSS Cascading Style Sheet Spesifikasi lengkap di : http://www.w3..org/tr/css2 Mengubah Text Mengubah Warna Mengubah Posisi Mengubah Ukuran Bagaimana cara menempatkan CSS? Ada 3 cara yaitu : Inline ( pada
Lebih terperinciCascading Style Sheet (CSS) Didik Dwi Prasetya
Cascading Style Sheet (CSS) Didik Dwi Prasetya didikdwi@gmail.com CSS vcss à Cascading Style Sheet vstyle à mendefinisikan aturan untuk menampilkan elemen HTML. vdefinisi: Cascading Style Sheets (CSS)
Lebih terperinciKeuntungan Memisahkan presentation sebuah dokumen dari content document itu sendiri Mempermudah dan mempersingkat pembuatan dan pemeliharaan dokumen w
Tentang CSS Adalah standart pembuatan dan pemakaian style untuk dokumen terstruktur, CSS digunakan untuk mempersingkat penulisan tag HTML seperti font, color, text dan table menjadi lebih ringkas sehingga
Lebih terperinciContoh Syntax: Contoh di atas menunjukkan. S e l e c t o r : h 1. P r o p e r t y : c o l o r. V a l u e : r e d. (red).
Apa Itu CSS? PENGENALAN CSS CSS adalah singkatan dari Cascading Style Sheets. Kalau baca di kamus, cascading itu artinya air terjun. Tapi dalam hal ini, yang di maksud adalah, aliran dari suatu kode ke
Lebih terperinciPEMROGRAMAN WEB 1 CSS
PEMROGRAMAN WEB 1 CSS RIO ANDRIYAT KRISDIAWAN, M.KOM Definisi CSS CSS adalah kepanjangan dari Cascading Style Sheet dan digunakan para web designer untuk mengatur style elemen yang ada didalam halaman
Lebih terperinciPemrograman Web. Berikut adalah contoh dari penulisan style text-align yang disisipkan di selector h1 dan paragraf.
pada selector p.tanggal dan p.utama artinya CSS akan diberikan ke paragraf dengan pemanggilan kelas tanggal dan utama. Untuk lebih lengkapnya dapat dilihat pada contoh berikut :
Lebih terperinciBab 5. Cascading Style Sheet (CSS)
Bab 5. Cascading Style Sheet (CSS) Overview Cascading Style Sheets (CSS) adalah suatu bahasa stylesheet yang digunakan untuk mengatur tampilan sebuah dokumen yang ditulis dalam bahasa markup. CSS diperkenalkan
Lebih terperinciMATERI II CASCADING STYLE SHEETS (CSS) DASAR
MATERI II CASCADING STYLE SHEETS (CSS) DASAR Tujuan : 1. Memahami tentang konsep CSS 2. Memahami aturan penulisan pada CSS 3. Memahami selector sebagai pengontrol design 4. Memahami pembuatan background
Lebih terperinciModul 10 DreamWeaver MX Suendri, S.Kom
Modul 10 DreamWeaver MX 2004 Suendri, S.Kom -- Untuk Indonesia Tanah Air Tercinta -- Suendri, S.Kom 2 Lisensi Dokumen Seluruh isi dokumen ini dapat digunakan, dimodifikasi dan disebarluaskan secara luas
Lebih terperinciAuthor : Minarni, S.Kom.,MM
S Cascading Style Sheets Author : Minarni, S.Kom.,MM Universitas Darwan Ali Sampit Kalimantan Tengah Internet Multimedia Keuntungan Menggunakan CSS Mempermudah dan mempersingkat pembuatan dan pemeliharaan
Lebih terperinciPerancangan Web. Perancangan Web. Oleh : Moh. Sulhan. By : MOH.SULHAN
Oleh : Moh. Sulhan 1 Apa itu CSS? - Merupakan bahasa style sheet yang digunakan untuk mengatur tampilan dokumen - Sebuah metode yang digunakan untuk mempersingkat penulisan tag HTML, seperti font, color,
Lebih terperinciPRAKTIKUM : PRAKTIKUM CSS 2 NAMA : KELAS : TANGGAL PRAKTIKUM :
PRAKTIKUM : PRAKTIKUM CSS 2 NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami penggunaan groupping, class dan id pada CSS. 2. Siswa dapat mengimplementasikan groupping, class
Lebih terperinciDesain Grafis. RAHMADY LIYANTANTO liyantanto.wordpress.com
Desain Grafis RAHMADY LIYANTANTO liyantanto@gmail.com liyantanto.wordpress.com Apa Desain Grafis..? Desain Grafis dapat diartikan sebagai proses pemikiran yang diwujudkan dalam gambar. >> Ruang Lingkup:
Lebih terperinciCSS. inheritance (pewarisan)
{CSS} lanjut CSS inheritance (pewarisan) sebuah elemen mewarisi beberapa nilai dari properti yang dimiliki oleh elemen parent-nya http://www.w3.org/tr/css21/cascade.html#inheritance http://www.slideshare.net/diniscorreia/htmlcss-3-introduction-to-css
Lebih terperinciModul 3 CSS CASCADE STYLE SHEET
Modul 3 CSS CASCADE STYLE SHEET Fungsi: Mengatur style elemen yang ada di halaman web, mulai dari memformat text dan format layout. Mengatur kekonsistenan style pada elemen tertentu Keuntungan CSS: Ukuran
Lebih terperinciWEB DEVELOPMENT by Hestiasari Rante-Pasila. Week 3 Cascading Style Sheets (CSS) Part 1
WEB DEVELOPMENT by Hestiasari Rante-Pasila Week 3 Cascading Style Sheets (CSS) Part 1 WHAT IS CSS? CSS: Cascading Style Sheets Styles ini mendeskripsikan bagaimana menampilkan elemen-elemen HTML Styles
Lebih terperinciDaftar isi. West PoinT edu
Daftar isi 1.font-weight...2 2.Font-style...2 3.Font-family...2 4.font-size...2 5.color...3 6.text-align...3 7.vertical-align...3 8.text-decoration...4 9.text-transform...4 10.text-shadow...4 11.word-spacing...5
Lebih terperinciMODUL III CASCADING STYLE SHEET
MODUL III CASCADING STYLE SHEET A. TUJUAN Memahami struktur dasar dokumen HTML. Mampu membuat dokumen HTML yang baik dan benar. Mampu memanfaatkan elemen-elemen dasar untuk menampilkan informasi. B. PETUNJUK
Lebih terperinciNilainya berupa nama font yang diinginkan dan. Memasukkan nilai dari beberapa font sekaligus dengan pemisah tanda koma (,):
A. Font 1. Font-Family Nilainya berupa nama font yang diinginkan dan generic font Memasukkan nilai dari beberapa font sekaligus dengan pemisah tanda koma (,): Nilai Nama font Generic font Contoh Font-family:verdana
Lebih terperinciCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) Pengertian CSS CSS singkatan dari Cascading Style Sheets, yaitu bahasa yang digunakan untuk memberikan konten gaya penampilan yang bagus CSS menggambarkan bagaimana elemen-elemen
Lebih terperinciAPLIKASI WEB DAY 3. (Cascading Style Sheets)
APLIKASI WEB DAY 3 (Cascading Style Sheets) VII. Pengenalan Style Sheet Style Sheets merupakan feature yang sangat penting dalam membuat Dynamic HTML. Meskipun bukan merupakan suatu keharusan dalam membuat
Lebih terperinciPemrograman Web PRAKTIKUM 3 CSS. TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml
PRAKTIKUM 3 CSS TUJUAN BELAJAR Mahasiswa dapat menggunakan css untuk mengatur gaya tampilan elemenhtml MATERI Sintaks CSS, cara memakai CSS, jenis-jenis selektor, satuan ukuran, satuan warna, properti
Lebih terperinciCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website
Lebih terperinciA. LATAR BELAKANG ATAU BACKGROUND
A. LATAR BELAKANG ATAU BACKGROUND Latar belakang background dalam CSS dibedakan menjadi 2: 1. Latar Belakang Dengan Menggunakan Warna: Warna background memiliki dua nilai: Transparent : membuat wearna
Lebih terperinciSMH2D3 Web Programming. 4 BAB IV WEB DESIGN CSS3. H a l IDENTITAS. Kajian Web Design menggunakan HTML5 dan CSS3
4 BAB IV WEB DESIGN CSS3 41 IDENTITAS Kajian Web Design menggunakan HTML5 dan CSS3 Topik Penggunaan CSS3 untuk Design dan Layout Web Kompetensi Utama 1 Mengetahui penggunaan script HTML5 dan CSS3 2 Penggunaan
Lebih terperinciDAFTAR ISI Bab 1 Mengenal Teknologi Internet dan Web... 1 Bab 2 Tentang CSS... 9
DAFTAR ISI Kata Pengantar... vii Daftar Isi... ix Bab 1 Mengenal Teknologi Internet dan Web... 1 1.1 Sejarah Internet...1 1.2 Web dan Browser...3 1.3 Mengenal Teknologi Web...4 1.4 Sekilas Tentang HTML...5
Lebih terperinciStandar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML
Pengenalan CSS Standar Kompetensi Memahami Pengertian Cascading Style Sheets (CSS), Struktur CSS, Cara kerja CSS, menempatkan CSS dalam HTML Indikator Hasil Belajar Dapat menjelaskan pengertian CSS. Dapat
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinci/* styling paragraf, teks paragraf berwarna biru dan rata tengah */ p {color:blue;text-align:center;}
II CSS INTRO CSS (Cascading Style Sheet) adalah bahasa untuk mendefinisikan bagaimana suatu dokumen dan elemen pada suatu dokumen ditampilkan oleh browser. File CSS memiliki ekstensi.css SYNTAX SYNTAX
Lebih terperinciCSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa
CSS (Cascading Style Sheet) Oleh : Devie Rosa Anamisa Pembahasan Pengertian CSS CSS (FONT, TEXT, COLOR) CSS - Image PENGERTIAN CSS Singkatan dari Cascading Style Sheet Digunakan dalam kode HTML untuk menciptakan
Lebih terperinciMODUL PEMOGRAMAN WEB I STMIK IM BANDUNG MODUL PEMOGRAMAN WEB I. Oleh: CHALIFA CHAZAR. Chalifa Chazar edu.script.id
1 MODUL PEMOGRAMAN WEB I Oleh: CHALIFA CHAZAR 2 Modul 4 Cascading Style Sheets Tujuan: Mahasiswa mengenal komponen CSS sebagai pelengkap element HTML dalam membangun website statis. Pustaka:» HTML dan
Lebih terperinciBAB IV CASCADING STYLE SHEET (CSS)
BAB IV CASCADING STYLE SHEET (CSS) A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk
Lebih terperinciA. LATAR BELAKANG ATAU BACKGROUND
A. LATAR BELAKANG ATAU BACKGROUND Latar belakang background dalam CSS dibedakan menjadi 2: 1. Latar Belakang Dengan Menggunakan Warna: Warna background memiliki dua nilai: Transparent : membuat wearna
Lebih terperinciSanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan
Sanksi Pelanggaran Pasal 72 Undang-undang Nomor 19 Tahun 2002 Tentang Hak Cipta 1. Barangsiapa dengan sengaja melanggar dan tanpa hak melakukan perbuatan sebagaimana dimaksud dalam Pasal 2 Ayat (1) atau
Lebih terperinciCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi Cascading Style Sheets (CSS) Cascading Style Sheets (CSS) adalah suatu teknologi yang digunakan untuk memperindah halaman website
Lebih terperinciCSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS
PERTEMUAN 4 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS Singkatan dari Cascading Style Sheet Merupakan suatu cara untuk memformat atau membuat layout halaman web menjadi
Lebih terperinci6. HTML & CSS. PTI15010 Pemrograman Web. Agi Putra Kharisma, S.T., M.T. Genap 2014/2015. Desain slide ini dadaptasi dari University of San Fransisco
6. HTML & CSS PTI15010 Pemrograman Web Agi Putra Kharisma, S.T., M.T. Genap 2014/2015 Desain slide ini dadaptasi dari University of San Fransisco HTML, CSS, JavaScript HTML (Struktur Dokumen) CSS (Tampilan
Lebih terperinciCSS background mengizinkan kita untuk mengatur warna, setting image, repeat image secara horizontal dan vertical.
CSS Background Background biasa digunakan untuk mempercantik tampilan keseluruhan, biasa di pakai background adalah foto, image dan lainnya. Background berlaku pula untuk penghias halaman web. Dalam desain
Lebih terperinciBAB III CASCADING STYLE SHEET
BAB III CASCADING STYLE SHEET A. KOMPETENSI DASAR Memahami jenis dan struktur dasar dokumen CSS dan CSS3. Mampu memanfaatkan CSS untuk memformat dokumen HTML. Mampu memanfaatkan pendekatan CSS untuk menghasilkan
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-5 (CSS) Noor Ifada noor.ifada@if.trunojoyo.ac.id S1 Teknik Informatika - Unijoyo 1 Sub Pokok Bahasan CSS? Contoh sederhana Selector Mekanisme mengaplikasikan
Lebih terperinciFaa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164
08018244-Faa Akmal-Tugas-Pemrograman-web-Bab-4- halaman-159s/d164 CHAPTER 4 - CSS Salah satu tantangan bagi anda saat membuat halaman Web adalah saat mengatur letak posisi elemen. Sebuah halaman Web tidak
Lebih terperinciCSS. Auriza Akbar 1 Juni 2012
CSS Auriza Akbar auriza.akbar@gmail.com 1 Juni 2012 Apa itu CSS? CSS = Cascading Style Sheets Mekanisme sederhana untuk menambahkan style (seperti font, warna, spasi) ke dalam dokumen web http://www.w3.org/style/css/
Lebih terperinciCascade Style Sheet (CSS)
Cascade Style Sheet (CSS) Pemrograman Internet Part 3 Apa itu CSS? Style sheet? Cascade? Kegunaan CSS? Kenapa tidak menggunakan font ? Intro Font is used to control text. The
Lebih terperinciPemrograman WEB PERTEMUAN KE-1
Pemrograman WEB PERTEMUAN KE-1 Pengertian HTML HTML atau Hypertext Marksup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. Sebenarnya,
Lebih terperinci[ MODUL 4 ] PEMROGRAMAN WEB [ CSS ] Modul Ini Disusun Untuk Membantu Proses Pembelajaran Bagi Mahasiswa DOSEN : CEPI RAHMAT HIDAYAT, S.
[ MODUL 4 ] PEMROGRAMAN WEB [ CSS ] Modul Ini Disusun Untuk Membantu Proses Pembelajaran Bagi Mahasiswa DOSEN : CEPI RAHMAT HIDAYAT, S.KOM STMIK TASIKMALAYA SEKOLAH TINGGI MANAJEMEN INFORMATIKA DAN KOMPUTER
Lebih terperinciBAB I PERKENALAN HTML
BAB I PERKENALAN HTML A. PENDAHULUAN Hypertext Markup Language (HTML) sebuah bahasa markup atau tanda yang digunakan untuk membuat sebuah halaman website, HTML merupakan berupa kode-kode tag yang menginstruksikan
Lebih terperinciMATERI II CASCADING STYLE SHEETS (CSS) LANJUT
MATERI II CASCADING STYLE SHEETS (CSS) LANJUT Tujuan : 1. Memformat text pada web 2. Memahami pengaturan bentuk font 3. Membuat pengaturan tabel dan pewarnaannya 4. Membuat hyperlink dan tombol yang menarik
Lebih terperinciCascading Style Sheets (CSS)
Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah mengubah keseluruhan
Lebih terperinciMateri. I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image
Pengenalan HTML Materi I. Pengenalan HTML II. Basic Tag HTML III. Table IV. Image I. Pengenalan HTML WWW HTML Browser dan Editor I. PENGENALAN HTML World Wide Web Internet merupakan jaringan global yang
Lebih terperinciHTML (HyperText Markup Language)
HTML (HyperText Markup Language) IMS HTML HyperText Markup Language adalah sebuah bahasa markah yang digunakan untuk membuat sebuah halaman web, menampilkan berbagai informasi di dalam sebuah penjelajah
Lebih terperinciCSS Tutorial. rosihanari.net. Lebih Lanjut Tentang Selector
rosihanarinet Lebih Lanjut Tentang Selector Dalam CSS, terdapat cascade yang merupakan metode untuk mengatur style supaya tidak terjadi konflik Untuk lebih jelasnya perhatikan contoh berikut ini
Lebih terperinciCSS (Cascading Style Sheets)
CSS (Cascading Style Sheets) Instruktur: Arif Nurwidyantoro Intro Cascading Style Sheets (CSS) digunakan untuk mendefinisikan bagaimana sebuah elemen HTML ditampilkan. Sebuah elemen HTML dapat ditampilkan
Lebih terperinciMODUL 3 STYLE SHEET RINGKASAN
MODUL 3 STYLE SHEET RINGKASAN Setelah semua yang Anda ketahui tentang dasar pembuatan halaman web, kini tiba saatnya untuk membuat halaman web Anda tampil lebih meyakinkan. Untuk keperluan tersebut, Anda
Lebih terperinciCascading Style Sheets (CSS)
Pertemuan ke 4 Cascading Style Sheets (CSS) - Konsep dasar CSS - CSS properties Definisi adalah suatu teknologi yang digunakan untuk memperindah halaman website (situs), dengan CSS kita dapat dengan mudah
Lebih terperinciCSS dan Tata Letak Pemrograman Internet (TKE ) Program Studi Teknik Elektro, Unsoed
CSS dan Tata Letak Pemrograman Internet (TKE 074082) Program Studi Teknik Elektro, Unsoed Iwan Setiawan Tahun Ajaran 2011/2012 a, a:visited { text-decoration:none; } a:hover { text-decoration:underline;
Lebih terperinci1. Pengenalan HTML. 2. Tag Dasar HTML
1. Pengenalan HTML 1.1. Sejarah Singkat HTML HTML dibuat oleh Tim Bernels-Lee seorang ahli Fisika ketika masih bekerja untuk CERN (organisasi Eropa untuk riset nuklir) dan dipopulerkan pertama kali oleh
Lebih terperinciCSS (Cascading Style Sheet)
1. CSS CSS (Cascading Style Sheet) adalah sebuah cara untuk memisahkan isi dengan layout dalam halaman-halaman web yang dibuat. CSS digunakan untuk mempersingkat penulisan tag HTML seperti font, color,
Lebih terperinciTUTORIAL CSS. CSS merupakan kepanjangan dari Cascading Style Sheet yaitu suatu dokumen yang digunakan untuk melakukan pengaturan halaman web.
1. Pengenalan CSS TUTORIAL CSS CSS merupakan kepanjangan dari Cascading Style Sheet yaitu suatu dokumen yang digunakan untuk melakukan pengaturan halaman web. Apa itu CSS : CSS singkatan dari Cascading
Lebih terperinci: PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM :
PRAKTIKUM : PRAKTIKUM CSS 3 [Color dan Background] NAMA : KELAS : TANGGAL PRAKTIKUM : A. TUJUAN 1. Siswa dapat mengenal, memahami serta mengimplementasikan property color pada halaman web. 2. Siswa dapat
Lebih terperinciPengenalan Script. Definisi HTML
1 Pengenalan Script Pada bab ini akan dibahas bahasa script yang dapat digunakan untuk membuat halaman web. Untuk dapat membuat halaman web bahasa script pertama yang harus anda kenal adalah HTML. HTML
Lebih terperinciLAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI
LAPORAN RESMI PRAKTIKUM TEKNOLOGI WEB PENGENALAN CSS OLEH : LISTHYA KUMALASARI 4103131060 PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK ELEKTRONIKA NEGERI SURABAYA
Lebih terperinciCara Membuat website dengan Dreamweaver
Cara Membuat website dengan Dreamweaver Pajrin Wurika Sahara Wurika.sahara@gmail.com Abstrak Dreamweaver adalah software aplikasi desain web visual yang biasa dikenal dengan istilah WYSIWYG What You See
Lebih terperinciLAYER DAN HYPERLINK. B. Kegunaan Layer: 1. Layer
1. Layer A. Dasar Layer Untuk membuat layer, yang harus anda butuhkan adalah menentukan atribut posisi untuk style anda. Posisi tersebut dapat sebagai posisi absolute atau posisi relative Posisi diatas
Lebih terperinciDasar Pemrograman Web. Pemrograman Web. Adam Hendra Brata
Dasar Pemrograman Web Pemrograman Web Adam Hendra Brata Konsep Dasar Desain Web HTML CSS HTML HTML (HyperText Markup Language) Bahasa standar yang digunakan untuk menampilkan document web. Mengontrol tampilan
Lebih terperinciPemrograman Web Sisi Client Pertemuan 3 PI
Pemrograman Web Sisi Client Pertemuan 3 PI Oleh : Hasanuddin, S.T. Program Studi Teknik Informatika Fakultas Teknologi Industri Universitas Ahmad Dahlan Yogyakarta Topik Pendahuluan HTML CSS JavaScript
Lebih terperinci2011 Ahmad Amarullah
1 Silabus Mata Kuliah Program Studi : Sistem Informasi Kode Mata Kuliah : Nama Mata Kuliah : Komputer Aplikasi IT ( XHTML & CSS ) Jumlah SKS : 2 SKS Semester : 1 Deskripsi Mata Kuliah : Mata kuliah ini
Lebih terperinciPRAKTIKUM 3 Pengenalan CSS
Tujuan: - - - PRAKTIKUM 3 Pengenalan CSS Mahasiswa mampu memahami konsep dasar CSS Mahasiswa mampu memahami struktur dasar syntax CSS Mahasiswa mampu memahami penerapan warna pada CSS Dasar Teori CSS merupakan
Lebih terperinciPertemuan Ke-5 (CSS) D3 Manajemen Informatika - Unijoyo 1
Pertemuan Ke-5 (CSS) D3 Manajemen Informatika - Unijoyo 1 CSS? Contoh sederhana Selector Mekanisme mengaplikasikan CSS Elemen-elemen CSS D3 Manajemen Informatika - Unijoyo 2 Singkatan dari Cascading Style
Lebih terperinciHTML 2 dan CSS. Setelah mengikuti praktikum ini mahasiswa diharapkan dapat :
HTML 2 dan CSS 1. Tujuan Setelah mengikuti praktikum ini mahasiswa diharapkan dapat : 1. Mahasiswa mengerti bagaimana cara mengimplementasikan HTML dan CSS 2. Table Banyak orang suka menampilkan informasinya
Lebih terperinciCara membuat HTML dasar
Cara membuat HTML dasar Oleh : Ronaldo Fantoni 11 IPA /12 1. Struktur dasar HTML HTML (Hypert Text Markup Language) merupakan bahasa pemrograman yang digunakan dalam pembuatan halaman web. Dalam penggunaannya
Lebih terperinciPENGENALAN HTML dan TAG-TAG DASAR HTML
Pengenalan HTML dan Tag tag dasar HTML PENGENALAN HTML dan TAG-TAG DASAR HTML Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML,
Lebih terperinciTAG UTAMA HTML. Materi. Heading Paragraf Font Breakline Horisontal Line
TAG UTAMA HTML Materi Heading Paragraf Font Breakline Horisontal Line PERTEMUAN KE-2 TAG UTAMA HTML 2.1 PENGANTAR Dalam Bab Pertemuan ke-2 ini akan disinggung tentang tag utama dasar yang digunakan untuk
Lebih terperinciSecara umum suatu elemen dalam dokumen HTML yang dinyatakan dengan tagnya, dituliskan : <namatag>.. </namatag>
Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog, HTMLLed dsb. Bahkan
Lebih terperinciPemrograman Basis Data Berbasis Web
Pemrograman Basis Data Berbasis Web Pertemuan Ke-3 (HTML) Oleh: Noor Ifada S1 Teknik Informatika - Unijoyo 1 HTML singkatan dari HyperText Markup Language menentukan tampilan suatu teks dan tingkat kepentingan
Lebih terperinciHTML (Sindy Nova Si )
HTML (Sindy Nova) Untuk mempelajari HTML saat ini tidaklah sulit karena sudah banyak program yang mampu menghasilkan dokumen dalam format HTML, misalnya semua produk Microsoft office, MotMetal, HotDog,
Lebih terperinciPengenalan HTML dan CSS
Pengenalan HTML dan CSS Pengenalan HTML dan CSS Jubilee Enterprise PENERBIT PT ELEX MEDIA KOMPUTINDO Pengenalan HTML dan CSS Jubilee Enterprise 2016, PT Elex Media Komputindo, Jakarta Hak cipta dilindungi
Lebih terperinci1. Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah.
A SOAL PILIHAN GANDA 1 Agar bagian yang ditunjuk anak panah bisa ditampilkan pada browser, perintah yang digunakan adalah A ikan Badut (Clownfish) B ikan Badut (Clownfish) C
Lebih terperinciChapter 1. Pengenalan HTML
Chapter 1. Pengenalan HTML 1.1. Pengenalan HTML HTML atau HyperText Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen dan aplikasi yang berjalan dihalaman web. HTML adalah
Lebih terperinciPENGGUNAAN SINGKATAN
PENGGUNAAN SINGKATAN Adakalanya kita hanya mencantumkan singkatan dari suatu istilah dalam suatu dokumen. Misalnya, WWW untuk menyingkat World Wide Web. Dengan menggunakan tag , Anda
Lebih terperinciIankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com PENGENALAN WEBSITE HTML CSS Mengenal CMS ( Content Management System) Iankee.mualdo@gmail.com
Lebih terperinciHTML (Hypertext Markup Language)
1 HTML (Hypertext Markup Language) HTML atau Hypertext Markup Language merupakan salah satu format yang digunakan dalam pembuatan dokumen (web page) dan aplikasi yang berjalan di halaman web. Dokumen HTML
Lebih terperinciLAPORAN PRAKTIKUM 4 PENGENALAN CSS
LAPORAN PRAKTIKUM 4 PENGENALAN CSS Dosen Pembimbing : Dwi Susanto S.ST, MT Oleh : Noer Rhiannah A ( 4103131052 ) PROGRAM STUDI TEKNOLOGI MULTIMEDIA BROADCASTING DEPARTEMEN MULTIMEDIA KREATIF POLITEKNIK
Lebih terperinci