CHluluk: Agustus 2015

Jumat, 28 Agustus 2015

pengertian domain

pengertian domain

Domain adalah nama unik yang diberikan untuk mengidentifikasi nama server komputer seperti web server atau email server di jaringan komputer ataupun internet. penjelasan domain Change text between marquee tags
Alternate marquee behavior Luluk krisdayanti XII PM 2 <<< Opposite Direction Marquees>>>

Penjelasan ISP

Membuat Marquee Change text between marquee tags
Alternate marquee behavior Up marquee direction Down marquee direction <<< Opposite Direction Marquees>>>

Selasa, 18 Agustus 2015

TUGAS KONTENT 1908

7.SHARRING ONLINE PADA GOOGLE DRIVE
Sharring Online itu sendiri berarti melakukan sharring/berbagi dengan koneksi internet. Jadi yang disebut sharring online pada google drive adalah melakukan sharring/berbagi dengan koneksi internet pada layanan penyimpanan yang dimili oleh google.

TUGAS KONTENT 1908

6.PENGERTIAN WEB FORUM BESERTA CONTOH
Pengertian & fungsi website forum disertai dengan 3 buah contoh website forum yang ada saat ini
Pengertian Website Forum

Website Forum dapat diartikan sebagai kumpulan hal yang menampilkan informasi data teks, data gambar diam atau gerak, data animasi, suara, video, atau gabungan dari semuanya baik yang bersifat statis maupun dinamis yang membentuk rangkaian bangunan yang saling terkait dimana masing-masing di hubungkan dengan jaringan-jaringan halaman (hyperlink). Bersifat statis apabila isi informasi website tetap jarang berubah dan isi informasinya hanya searah.

3 buah contoh website forum yang ada saat ini:
1. www.organisasi.org
2. www.indoforum.org
3. www.diskusiweb.com

TUGAS KONTENT 1908

Google Maps adalah Peta Online atau Membuka peta secara online. kini dapat dilakukan secara mudah melalui servis gratis dari Google ini. bahkan, servis ini menyediakan API )Application Programming Interface) yang memungkinkan developer lain untuk memanfaatkan aplikasi ini di aplikasi buatannya. Tampilan GoogleMaps pun dapat dipilih, berdasarkan foto asli atau peta gambar rute saja. - See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.p4SwLxR1.dpuf

5.Google Maps adalah suatu peta dunia yang dapat kita gunakan untuk melihat suatu daerah. Dengan kata lain, Google Maps merupakan suatu peta yang dapat dilihat dengan menggunakan suatu browser.

Definisi atau pengertian istilah Google Maps

- See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.p4SwLxR1.dpuf

Definisi atau pengertian istilah Google Maps

- See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.p4SwLxR1.dpuf

Definisi atau pengertian istilah Google Maps

- See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.p4SwLxR1.dpuf

Definisi atau pengertian istilah Google Maps

- See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.4yggxXw1.dpuf

Pengertian Google Maps API

Definisi atau pengertian istilah Google Maps

- See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.4yggxXw1.dpuf

Definisi atau pengertian istilah Google Maps

- See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.4yggxXw1.dpuf

Definisi atau pengertian istilah Google Maps

- See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.4yggxXw1.dpuf

Definisi atau pengertian istilah Google Maps

- See more at: http://bocahvillage.blogspot.com/2011/06/definisi-atau-pengertian-istilah-google.html#sthash.4yggxXw1.dpuf

TUGAS KONTENT 1908

4.Pengertian Google Docs

Google Docs merupakan salah satu aplikasi yang dikembangkan Google untuk kebutuhan manajemen dokumen. Khususnya aplikasi office. Mulai dari pengolah kata (word processor), pengolah lembar kerja (spreadsheet) dan presentasi (presentation). Google Docs bukan hanya menyimpan saja, namun juga bisa digunakan untuk untuk mengolah, menyimpan, membuat, meng-edit dokumen perkantoran seperti layaknya Microsoft Office pada Windows atau Open Office pada Linux dengan secara online. Semuanya dalam satu paket dan tidak perlu menginstal di komputer. Karena sangat tangguh dan dasyat maka sering disebut aplikasi pembunuh Microsoft Office, Open Office, dan Neo Office.

Fitur penyimpanan di ‘udara’ seperti ini memang bukanlah yang perdana. Beberapa layanan penyimpanan online lain yang tak kalah menariknya juga sudah lama tersedia, seperti DropBox (Google), Box.Net, Live Mesh (Microsoft) dan SkyDrive (Microsoft).

Tampilannya berbasis Web, dengan aplikasi ini anda dapat membuat dokumen baru, seperti doc, xls, dan bisa juga file odt, ods, rtf, csv, ppt, dan html. Tentu ini jauh lebih komplit karena file berektensi odt itu hanya hdimiliki oleh open office. Fitur yang tidak dimiliki oleh aplikasi lain adalah fitur kolaborasi, fitur ini bisa langsung anda gunakan degan memberi cek di depan nama file, lalu klik tombol share di atasnya. Sebuah boks akan menawarkan berbagai pilihan akan muncul, tersedia opsi "as collaborator" yang akan membuka akses baca tulis dokumen utuk orang-orang terpilih, sementara fungsi as viewer hanya akan memberikan akses baca saja. Tampilannya mirip dengan MS. Office 2003, sehingga akan dengan mudah menjalankannya.

TUGAS KONTEN 1908

3.Google Drive adalah layanan penyimpanan yang dimiliki oleh google.

Google Drive memiliki fungsi layaknya Dropbox yaitu sinkronisasi data dari PC anda, jadi sobat bisa membuat dan berbagi data dan dokumen di google drive tersebut. Selain itu sobat juga bisa mengakses data file dari mana saja di rumah ataupun di kantor dengan terhubung dengan internet pastinya.

Keuntungan lainnya yaitu Google Drive telah terintegrasi dengan layanan google liannya diantaranya gmail, Gplus, google search dan lainnya.

TUGAS KONTEN 1908

Jawaban no 2
2.Pengertian Upload dan Download

Pengertian Upload dan Download – Bicara tentang aktifitas Internet, pasti takkan luput dari yang namanya kegiatan Upload dan Download. Saya yakin anda semua sudah melakukan aktifitas yang satu ini dalam internet. Contoh kecil saja yang paling sering dilakukan adalah upload foto di jejaring sosial facebook dll, atau juga sering mencari lagu mp3 di internet. Nah postingan kali ini hanya sekedar informasi pembelajaran saja mengenai pengertian upload dan download, bagi yang masih awam dalam dunia internet.
Dalam Teknologi Informasi Upload dan Download adalah istilah yang digunakan untuk menggambarkan proses pemindahan data elektronik antara dua komputer atau sistem serupa lainnya.
Pengertian Upload
Upload atau unggah adalah proses mengirim data dari komputer pribadi ke suatu sistem seperti server web, FTP server, server mail atau sistem serupa lainnya yang kemudian akan dipublikasikan di internet baik secara pribadi maupun umum.
Pengertian Download
Download atau unduh merupakan proses menyalin file dari suatu sistem seperti server web, FTP server, server mail atau sistem serupa lainnya yang kemudian akan tersimpan di komputer pribadi.
Secara sederhana Upload itu proses meng copy file dari komputer pribadi ke jaringan internet sedangkan Download kebalikanya yakni proses meng copy file dari jaringan internet ke komputer pribadi.

TUGAS KONTENT 1908

1.jawaban no 1
Cara Membuat Email
1. Buka/klik link berikut ini → Daftar Gmail
2. Masukkan data lengkap

Nama Depan dan belakang
Jika nama lebih dari 2 kata, Anda bisa memasukkan 2 kata sekaligus pada salah satu kolom
Nama pengguna
Nama pengguna adalah alamat email anda nantinya. Alamat email ini berfungsi layaknya nomor handphone. Alamat email juga dibutuhkan jika anda ingin masuk ke inbox Email anda. Anda bisa bebeas memilih alamat email selama alamat tersebut masih tersedia/belum digunakan orang lain. Penulisan huruf besar kecil tidak dibedakan.
Kata sandi
Kata sandi diperlukan untuk mengamankan akun ada agar tidak sembarang orang bisa mengakses inbox email. Kata sandi ini diperlukan ketika Anda ingin masuk/login ke inbox Email. Berbeda dengan alamat email, penulisan huruf besar dan kecil pada kata sandi dibedakan (ruMah dan rumah di anggap kata yang berbeda). Jadi ingat baik-baik penulisan kata sandi Anda.
Isi Tanggal lahir
Pilih Gender
Masukkan Nomor HP
Penulisannya menggunakan +62, jadi jika nomor anda 08969xxx maka ditulis menjadi +62896xxx
Biarkan kosong kolom "Alamat email Anda saat ini"
Kemudian ketikkan teks pada gambar ke kolom yang telah disediakan
Centang persetujuan, kemudian klik "Langkah Berikutnya"

3. Sebelumnya, anda bisa mencentang kolom "Buktikan Anda Bukan Robot" pada contoh gambar di atas, sehingga Anda tidak perlu menginputkan kata yang tertulis digambar. Tetapi sebagai gantinya, Google akan mengirimkan SMS yang berisi 6 digit angka ke nomor HP Anda. Jadi pastikan Anda memasukkan nomor HP yang valid

4. Pada langkah berikutnya Anda akan diberikan penawaran untuk membuat akun Google Plus. Lewati langkah ini untuk langsung menuju Gmail

cara membuat email

5. Klik Memulai/Lanjutkan ke Gmail

Daftar Gmail

6. Selamat, Anda telah memiliki akun Email dari Gmail. Ingat baik-baik alamat email Anda an password agar bisa masuk/login ke inbox email Anda

Selasa, 11 Agustus 2015

jawaban no 4

4. Pengertian Template blog atau website adalah desain-desain halaman blog ataupun website beserta seluruh komponennya (misal : gambar, stylesheet, dsb) baik berupa file statis maupun file dinamis yang berupa program atau aplikasi yang berjalan sebagai aplikasi web. Seperti yang anda lihat saat ini di blog kang rohman, bahwa terlihat tatanan gambar serta tulisan di layar monitor anda, itulah yang dinamakan template.

Di blogger atau blogspot, anda dapat dapat mengganti template blog anda secara leluasa sesuai dengan selera dan keinginan masing-masing. Jika anda telah mahir membuat template sendiri, anda dapat menggunakan template tersebut untuk blog anda. Namun, jika anda masih awam dalam membuat template, pihak blogger atau blogspot sendiri telah menyediakan beberapa template yang bisa anda pilih sesuai dengan pilihan keinginan.

CONTOH TEMPLATE:

Jawaban no 3

3.PENGERTIAN JAVASCRIPT

JavaScript adalah bahasa pemrograman yang bisa disisipkan ke HTML seperti halnya PHP akan tetapi javascript berjalan di sisi Client. Misalnya, jam ditampilkan pada halaman yang update sendiri untuk menunjukkan waktu saat ini pada komputer pengguna. Desain JavaScript dipengaruhi oleh banyak bahasa pemrograman, termasuk C, tetapi dimaksudkan untuk lebih digunakan oleh non-programmer. JavaScript tidak didasarkan pada atau terkait ke Java, ini adalah kesalahpahaman umum. JavaScript seringkali disertakan dalam file HTML atau link dari file HTML dan dijalankan secara lokal oleh web browser. Ini berarti bahwa server bebas untuk mengerjakan sesuatu yang lain daripada pemrosesan instruksi untuk setiap klien. Hal ini telah membuat JavaScript pilihan yang lebih populer daripada bahasa yang memerlukan server untuk melakukan pengolahan.

Penulisan JavaScript

Kode JavaScript biasanya dituliskan dalam bentuk fungsi yang ditaruh di tag <head> yang dibuka dengan tag

<script type=”teks/javascript”>.
<script type=”teks/javascript”>
alert(“Halo Dunia!”);
</script>

Kode JavaScript juga bisa diletakkan di file tersendiri yang berekstensi .js (singkatan dari JavaScript). Untuk memanggil kode JavaScript yang terdapat di file sendiri, di bagian awal <head> harus ditentukan dahulu nama file .js yang dimaksud menggunakan contoh kode seperti berikut:

<script type=”teks/javascript” src=”alamat.js”>
</script>

Script pada bagian head
Script ini akan dieksekusi ketika dipanggil (biasanya berbentuk function) atau dipanggil berdasarkan trigger pada event tertentu. Peletakkan script di head akan menjamin skript di-load terlebih dahulu sebelum digunakan (dipanggil).

<html>
<head>
<script type=”teks/javascript”>
…
</script>
</head>
</html>

Script pada Body
Script ini dieksekusi ketika halaman di-load sampai di bagian <body>. Ketika menempatkan script pada bagian <body> berarti antara isi dan JavaScript dijadikan satu bagian.

<html>
<head>
</head>
<body>
<script type=”teks/javascript”>
…
</script>
</body>
</html>

Jumlah JavaScript di <head> dan <body> yang ditempatkan pada dokumen tidak terbatas.
External JavaScript
Terkadang ada yang menginginkan menjalankan JavaScript yang sama dalam beberapa kali pada halaman yang berbeda, tetapi tidak mau disibukkan jika harus menulis ulang script yang diinginkan di setiap halaman. Maka JavaScript dapat ditulis di file secara eksternal. Jadi, antara dokumen HTML dan JavaScript dipisahkan, kemudian berkas tersebut dipanggil dari dokument HTML. Berkas JavaScript tersebut disimpan dengan ekstensi .js.
JavaScript : js/xxx.js document.write(“pesan ini tampil ketika halaman diload”);
Untuk menggunakan eksternal JavaScript (.js) dipakai atribut “src” pada tag <script> pada halaman HTML-nya.

<html>
<head>
</head>
<body>
<script src=”xxx.js”>
</script>
<p>Script di atas berada di berkas “xx.js” (eksternal) </p>
</body>
</html>

Jawaban no 2

2. PENGERTIAN CSS
CSS adalah singkatan dari Cascading Style Sheets. Berisi rangkaian instruksi yang menentukan bagiamana suatu text akan tertampil di halaman web. Perancangan desain text dapat dilakukan dengan mendefinisikan fonts (huruf) , colors (warna), margins (ukuran), latar belakang (background), ukuran font (font sizes) dan lain-lain. Elemen-elemen seperti colors (warna) , fonts (huruf), sizes (ukuran) dan spacing (jarak) disebut juga “styles”. Cascading Style Sheets juga bisa berarti meletakkan styles yang berbeda pada layers (lapisan) yang berbeda.

PERINTAH-PERINTAH CSS
Perintah-perintahnya :
1. Dengan menambahkan langsung di tag dokumen html, sebagai contoh:

<p style="color:blue">Membuat tulisan warna biru</p> <p style="font-family:arial;font-size:150%;color:green">Membuat jenis font, ukuran dan warna</p> <p style="color:yellow;background-color:red;width:60px;text-align: center">Test</p> <p style="font-style:italic;">Membuat tulisan miring</p>

Maka hasil dari style diatas adalah sebagai berikut:

Membuat tulisan warna biru

Membuat jenis font, ukuran dan warna

Test

Membuat tulisan miring

2. Dengan menaruhnya di dalam header dokumen html.

Sebagai contoh kita akan membuat CSS untuk mengontrol tampilan paragraf di dokumen html, cara penulisannya adalah sebagai berikut:

Kemudian kita masukkan style tersebut di antara tag <head> dan </head> :

<html> <head> <style>  </style> </head> <body> <p>Saat ini saya sedang belajar CSS</p> <p>Pengaturan paragraf dengan menggunakan CSS di dalam header dokumen html</p> <p>Dengan contoh ini, maka setiap paragraf atau yang berada diantara <p>dan</p>akan memiliki format yang sama</p> </body> </html>

Preview

3. Kemudian yang ketiga adalah dengan membuat file CSS tersendiri yang tespisah dari dokumen html, secara umum yang terakhir ini adalah yang paling sering digunakan. Untuk menghubungkan dokumen html dengan CSS tersebut kita cukup menambahakan yang berikut ini di header dokumen html:

Sehingga di dokumen html akan terlihat seperti berikut ini:

<html> <head> <title>Titel websiteku</title> <link rel="stylesheet" href="style.css" type="text/css"> </head> <body> </body> </html>

Untuk mengetahui lebih lanjut tentang bagaimana CSS mengontrol sebuah halaman website, berikut kita akan membuat sebuah halaman website sederhana yang menggunakan CSS.

Buka Notepad kemudian salin kode berikut, dan simpan file tersebut dengan nama “csstest.html”

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>Titel websiteku</title> <link href="style.css" rel="stylesheet" type="text/css"> </head> <body> <div id="halaman"> <div id="judul"> <h1 class="judul">Disini judul websiteku</h1> <h2 class="sub-judul">Disini sub-judul websiteku</h2> </div> <div id="konten"> <div class="kiri"> <p>Disini navigasi bagian kiri</p> </div> <div class="tengah"> <p>Disini konten websiteku</p> </div> <div class="kanan"> <p>Disini navigasi bagian kanan</p> </div> </div> <div class="footer"> <p>Disini Footer websiteku</p> </div> </div> </body> </html>

Preview

Yang berada diantara <–– dan ––> hanya sebagai keterangan agar lebih mudah dimengerti, anda bisa menghapusnya. Sekarang buka file tersebut dengan browser, maka kita akan melihat halaman yang polos dengan tulisan seadanya.

Sekarang salin CCS berikut kemudian simpan ke folder yang sama dengan “csstest.html” dengan nama “style.css”

#halaman {/* "id" dilambangkan dengan "#" */ width: 800px; margin: 0 auto;/* agar dokumen berada ditengah */ padding: 0 auto; } #judul { width: 100%; height: 100px; background: #5F9EA0; margin: 0;/* pengaturan sisi bagian luar */ padding: 0;/* pengaturan sisi bagian dalam */ } #konten { width: 100%; margin: 0; padding: 0; } .kiri {/* "class" dilambangkan dengan "." */ width: 25%; height: 300px; float: left; background: #ADD8E6; } .tengah{ width: 50%; height: 300px; float: left; background: #FDF5E6; } .kanan{ width: 25%; height: 300px; float: right; background: #ADD8E6; } .footer{ height: 40px; background: #8FBC8F; clear: both; } .judul { color: Red; padding: 10px 0 0 10px; /* penulisan untuk semua sisi: atas kanan bawah kiri */ } .sub-judul { color: #ff0; padding: 0 10px 10px; } p { padding-left: 10px;/* penulisan untuk satu sisi saja */ }

Eksternal Style Sheet

Eksternal style sheet sangat ideal digunakan untuk halaman web yang banyak. Dengan cara ini, apabila Anda ingin mengubah tampilan web, Anda hanya perlu mengedit/mengubah file CSS saja. Untuk menggunakannya, setiap halaman harus di link-kan ke style sheet menggunakan tag link. Tag link diletakkan dibagian head.

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

style.css merupakan nama file style sheet (CSS). File ini ditulis dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan ekstensi .css. Berikut contoh dari file style.css :

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

Catatan : Ketika menuliskan value property dan unitnya, jangan menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah :

margin-left:20px

Internal Style Sheet

Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style.

<head>

<style>

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>

Inline Style

Cara ini, perintah CSS didefinisikan langsung pada tag HTML. Gunakan cara ini apabila perintah CSS yang didefinisikan sangat pendek.
Contoh berikut akan menambahkan warna dan margin pada paragraf :

<p style="color:sienna;margin-left:20px">

- See more at: http://www.eplusgo.com/css/css-how-to/#sthash.4P85H0zf

Eksternal Style Sheet

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

style.css merupakan nama file style sheet (CSS). File ini ditulis dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan ekstensi .css. Berikut contoh dari file style.css :

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

Catatan : Ketika menuliskan value property dan unitnya, jangan menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah :

margin-left:20px

Internal Style Sheet

Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style.

<head>

<style>

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>

Inline Style

Cara ini, perintah CSS didefinisikan langsung pada tag HTML. Gunakan cara ini apabila perintah CSS yang didefinisikan sangat pendek.
Contoh berikut akan menambahkan warna dan margin pada paragraf :

<p style="color:sienna;margin-left:20px">

- See more at: http://www.eplusgo.com/css/css-how-to/#sthash.4P85H0zf.dpuf

Terdapat 3 cara untuk menuliskan perintah CSS (style sheet/lembar perintah CSS) :

Eksternal style sheet
Internal style sheet
Inline style

Eksternal Style Sheet

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

style.css merupakan nama file style sheet (CSS). File ini ditulis dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan ekstensi .css. Berikut contoh dari file style.css :

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

Catatan : Ketika menuliskan value property dan unitnya, jangan menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah :

margin-left:20px

Internal Style Sheet

Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style.

<head>

<style>

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>

Inline Style

Cara ini, perintah CSS didefinisikan langsung pada tag HTML. Gunakan cara ini apabila perintah CSS yang didefinisikan sangat pendek.
- See more at: http://www.eplusgo.com/css/css-how-to/#sthash.DEpClOGE.dpuf

Terdapat 3 cara untuk menuliskan perintah CSS (style sheet/lembar perintah CSS) :

Eksternal style sheet
Internal style sheet
Inline style

Eksternal Style Sheet

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

style.css merupakan nama file style sheet (CSS). File ini ditulis dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan ekstensi .css. Berikut contoh dari file style.css :

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

Catatan : Ketika menuliskan value property dan unitnya, jangan menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah :

margin-left:20px

Internal Style Sheet

Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style.

<head>

<style>

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>

Inline Style

Terdapat 3 cara untuk menuliskan perintah CSS (style sheet/lembar perintah CSS) :

Eksternal style sheet
Internal style sheet
Inline style

Eksternal Style Sheet

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

style.css merupakan nama file style sheet (CSS). File ini ditulis dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan ekstensi .css. Berikut contoh dari file style.css :

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

Catatan : Ketika menuliskan value property dan unitnya, jangan menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah :

margin-left:20px

Internal Style Sheet

Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style.

<head>

<style>

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>

Inline Style

Terdapat 3 cara untuk menuliskan perintah CSS (style sheet/lembar perintah CSS) :

Eksternal style sheet
Internal style sheet
Inline style

Eksternal Style Sheet

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

style.css merupakan nama file style sheet (CSS). File ini ditulis dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan ekstensi .css. Berikut contoh dari file style.css :

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

Catatan : Ketika menuliskan value property dan unitnya, jangan menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah :

margin-left:20px

Internal Style Sheet

Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style.

<head>

<style>

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>

Inline Style

Terdapat 3 cara untuk menuliskan perintah CSS (style sheet/lembar perintah CSS) :

Eksternal style sheet
Internal style sheet
Inline style

Eksternal Style Sheet

<head>

<link rel="stylesheet" type="text/css" href="style.css">

</head>

style.css merupakan nama file style sheet (CSS). File ini ditulis dengan perintah CSS tanpa mengandung tag HTML. Serta disimpan dengan ekstensi .css. Berikut contoh dari file style.css :

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

Catatan : Ketika menuliskan value property dan unitnya, jangan menambahkan spasi (seperti “margin-left:20 px”). Namun yang benar ialah :

margin-left:20px

Internal Style Sheet

Cara ini, perintah CSS akan didefinisikan langsung dibagian head HTML, dengan menggunakan tag style.

<head>

<style>

hr {color:sienna;}

p {margin-left:20px;}

body {background-image:url("images/back40.gif");}

</style>

</head>