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
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
<html>
<head>
<title>Judul</title>
</head>
<body bgcolor="black">
Isi halaman
</body>
</html>
Tetapi jika menggunakan CSS, contoh kodenya seperti berikut.
<html>
<head>
<title>Judul</title>
<style type="text/css">
body { background-color:black; }
</style>
</head>
<body>
Isi halaman
</body>
</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
<html>
<head>
<title>Judul</title>
<style type="text/css">
body {
background-color:black;
background-image:url(URLGAMBAR);
}
</style>
</head>
<body>
Isi halaman
</body>
</html>
HTML Formatting Elements
In the previous chapter, you learned about HTML formatting elements.Formatting elements are special HTML elements with a special meaning.
Formatting elements were designed to display special types of text, like important text, emphasized text, subscripts, and superscripts.
HTML Styling
HTML styling has nothing to do with formatting elements.Styling is about changing or adding the style of existing HTML elements.
Every HTML element has a default style (background color is white, text color is black ...)
Changing the default style of an HTML element, can be done with the style attribute.
Example
<body
style="background-color:lightgrey">
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
No comments:
Post a Comment