Rabu, 29 Januari 2014

Cara Membuat Background HTML

Hai, Saya di sini mau ngeshare tentang gimana cara membuat background html
ya walau bukan saya yang buat sepenuhnya, cuma ingin membantu mengeshare saja

Artikel ini menyediakan tentang kode background HTML dan kode untuk pengaturan properti background (latar belakang) dari elemen HTML.

Contoh berikut menggunakan Cascading Style Sheets (CSS). CSS merupakan cara yang terbaik untuk menetapkan sifat latar belakang dalam HTML Anda. Ini lebih fleksibel daripada metode HTML yang usang. Menggunakan CSS, Anda dapat mengatur properti latar belakang dari setiap elemen HTML. Ditambah Anda dapat melakukan hal-hal seperti menentukan posisi gambar, apakah harus mengulang, bagaimana harus mengulangi dll.

Anda dapat mengatur warna latar belakang dari setiap elemen HTML menggunakan properti background-color. Anda dapat memilih warna latar belakang dengan kode warna HTML.

Cara Membuat Background HTML
Untuk mengatur properti latar belakang (background) untuk seluruh halaman, dapat menerapkan properti untuk elemen body.
Contohnya seperti ini
1<html>
2<head>
3<title>Judul</title>
4</head>
5<body bgcolor="black">
6Isi halaman
7</body>
8</html>

Tetapi jika menggunakan CSS, contoh kodenya seperti berikut.
01<html>
02<head>
03<title>Judul</title>
04<style type="text/css">
05body { background-color:black; }
06</style>
07</head>
08<body>
09Isi halaman
10</body>
11</html>

Maka suatu halaman yang menggunakan salah satu kode di atas baik yang menggunakan metode HTML maupun CSS akan memiliki warna latar belakang hitam.

Membuat Background Gambar
Kodenya seperti berikut
view source
print?
01<html>
02<head>
03<title>Judul</title>
04<style type="text/css">
05body {
06background-color:black;
07background-image:url(URLGAMBAR);
08}
09</style>
10</head>
11<body>
12Isi halaman
13</body>
14</html>

sekian dari saya, semoga bermanfaat,
terima kasih

sumber : http://www.duniailkom.com/belajar-html-cara-membuat-link-di-html-tag-a/