let isBackgroundChanged = false;
function changeBackground() {
const body = document.body;
const image = document.getElementById("changeImage");
if (isBackgroundChanged) {
// Reset to original background
body.style.backgroundColor = "";
image.src = "your-image.jpg";
} else {
// Change background color and image
body.style.backgroundColor = "#ffcc00"; // Change to your desired background color
image.src = "new-image.jpg"; // Change to your desired image
}
isBackgroundChanged = !isBackgroundChanged;
}
function changeBackground() {
const body = document.body;
const image = document.getElementById("changeImage");
if (isBackgroundChanged) {
// Reset to original background
body.style.backgroundColor = "";
image.src = "your-image.jpg";
} else {
// Change background color and image
body.style.backgroundColor = "#ffcc00"; // Change to your desired background color
image.src = "new-image.jpg"; // Change to your desired image
}
isBackgroundChanged = !isBackgroundChanged;
}
if (isBackgroundChanged) {
// Reset to original background
body.style.backgroundColor = "#ffbb00";
image.src = "./mcf.img/torch.gif" width="300px" height="400px";
} else {
// Change background color and image
body.style.backgroundColor = "#0077cc"; // Change to your desired background color
image.src = "./mcf.img/soul.gif"; // Change to your desired image
}
isBackgroundChanged = !isBackgroundChanged;
}
// Reset to original background
body.style.backgroundColor = "#ffbb00";
image.src = "./mcf.img/torch.gif" width="300px" height="400px";
} else {
// Change background color and image
body.style.backgroundColor = "#0077cc"; // Change to your desired background color
image.src = "./mcf.img/soul.gif"; // Change to your desired image
}
isBackgroundChanged = !isBackgroundChanged;
}
<img
id="changeImage"
src="./mcf.img/Torch_ 28texture 29_JE3_BE2.gif"
alt="Click me"
onclick="changeBackground()" >
id="changeImage"
src="./mcf.img/Torch_ 28texture 29_JE3_BE2.gif"
alt="Click me"
onclick="changeBackground()" >
img {
image-rendering: pixelated; /* Giảm hiá»n tượng tái tạo mà u */
object-fit: none; /* NgÄn chặn object-fit mặc Äá»nh */
}
image-rendering: pixelated; /* Giảm hiá»n tượng tái tạo mà u */
object-fit: none; /* NgÄn chặn object-fit mặc Äá»nh */
}
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bài thơ</title>
</head>
<body>
<h1 style="color:blue">Bài thơ</h1>
<p style="color:green">
<i><b> Màu<font color="red"> tím</font> hoa sim màu<font color="red"> tím </font> nhớ<br>
Màu <font color="red"> tím</font> lòng người tím ước mơ<br>
Ôi <font color="red"> tím</font> thủy chung màu đẹp quá<br>
Màu <font color="red"> tím </font> chiều tà tìm ý thơ<br>
</p>
<b> <i style="color:green">
Màu<font color="red"> tím</font> hoa sim tim tim Huế<br>
Bầu trời tim <font color="orange">tím tím </font> tìm tôi<br>
</i></b>
</p>
</body>
</html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bài thơ</title>
</head>
<body>
<h1 style="color:blue">Bài thơ</h1>
<p style="color:green">
<i><b> Màu<font color="red"> tím</font> hoa sim màu<font color="red"> tím </font> nhớ<br>
Màu <font color="red"> tím</font> lòng người tím ước mơ<br>
Ôi <font color="red"> tím</font> thủy chung màu đẹp quá<br>
Màu <font color="red"> tím </font> chiều tà tìm ý thơ<br>
</p>
<b> <i style="color:green">
Màu<font color="red"> tím</font> hoa sim tim tim Huế<br>
Bầu trời tim <font color="orange">tím tím </font> tìm tôi<br>
</i></b>
</p>
</body>
</html>
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Bài thơ</title>
</head>
<body>
<h1 class="title">Bài thơ</h1>
<p class="poem-lines">
<i><b> Màu<span class="color-purple"> tím</span> hoa sim màu<span class="color-purple"> tím </span> nhớ<br>
Màu <span class="color-purple"> tím</span> lòng người tím ước mơ<br>
Ôi <span class="color-purple"> tím</span> thủy chung màu đẹp quá<br>
Màu <span class="color-purple"> tím </span> chiều tà tìm ý thơ<br>
</p>
<b><i class="poem-lines">
Màu<span class="color-purple"> tím</span> hoa sim tim tim Huế<br>
Bầu trời tim <span class="color-orange">tím tím </span> tìm tôi<br>
</i></b>
</body⬤
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Bài thơ</title>
</head>
<body>
<h1 class="title">Bài thơ</h1>
<p class="poem-lines">
<i><b> Màu<span class="color-purple"> tím</span> hoa sim màu<span class="color-purple"> tím </span> nhớ<br>
Màu <span class="color-purple"> tím</span> lòng người tím ước mơ<br>
Ôi <span class="color-purple"> tím</span> thủy chung màu đẹp quá<br>
Màu <span class="color-purple"> tím </span> chiều tà tìm ý thơ<br>
</p>
<b><i class="poem-lines">
Màu<span class="color-purple"> tím</span> hoa sim tim tim Huế<br>
Bầu trời tim <span class="color-orange">tím tím </span> tìm tôi<br>
</i></b>
</body⬤
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Bài thơ</title>
</head>
<body>
<h1 class="title">Bài thơ</h1>
<p class="poem-lines">
<i><b> Màu<span class="color-purple"> tím</span> hoa sim màu<span class="color-purple"> tím </span> nhớ<br>
Màu <span class="color-purple"> tím</span> lòng người tím ước mơ<br>
Ôi <span class="color-purple"> tím</span> thủy chung màu đẹp quá<br>
Màu <span class="color-purple"> tím </span> chiều tà tìm ý thơ<br>
</p>
<b><i class="poem-lines">
Màu<span class="color-purple"> tím</span> hoa sim tim tim Huế<br>
Bầu trời tim <span class="color-orange">tím tím </span> tìm tôi<br>
</i></b>
</body>
</html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="styles.css">
<title>Bài thơ</title>
</head>
<body>
<h1 class="title">Bài thơ</h1>
<p class="poem-lines">
<i><b> Màu<span class="color-purple"> tím</span> hoa sim màu<span class="color-purple"> tím </span> nhớ<br>
Màu <span class="color-purple"> tím</span> lòng người tím ước mơ<br>
Ôi <span class="color-purple"> tím</span> thủy chung màu đẹp quá<br>
Màu <span class="color-purple"> tím </span> chiều tà tìm ý thơ<br>
</p>
<b><i class="poem-lines">
Màu<span class="color-purple"> tím</span> hoa sim tim tim Huế<br>
Bầu trời tim <span class="color-orange">tím tím </span> tìm tôi<br>
</i></b>
</body>
</html>
.title {
color: blue;
}
.poem-lines {
color: green;
}
.color-purple {
color: purple;
}
.color-orange {
color: orange;
}
color: blue;
}
.poem-lines {
color: green;
}
.color-purple {
color: purple;
}
.color-orange {
color: orange;
}
<!DOCTYPE html>
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bài thơ</title>
</head>
<body>
<h1 style="color:blue">Bài thơ</h1>
<p style="color:green">
<i><b> Màu<font color="red"> tím</font> hoa sim màu<font color="red"> tím </font> nhớ<br>
Màu <font color="red"> tím</font> lòng người tím ước mơ<br>
Ôi <font color="red"> tím</font> thủy chung màu đẹp quá<br>
Màu <font color="red"> tím </font> chiều tà tìm ý thơ<br>
</p>
<b> <i style="color:green">
Màu<font color="red"> tím</font> hoa sim tim tim Huế<br>
Bầu trời tim <font color="orange">tím tím </font> tìm tôi<br>
</i></b>
</p>
</body>
</html>
tách ra 2 file html và css
<html lang="vi">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bài thơ</title>
</head>
<body>
<h1 style="color:blue">Bài thơ</h1>
<p style="color:green">
<i><b> Màu<font color="red"> tím</font> hoa sim màu<font color="red"> tím </font> nhớ<br>
Màu <font color="red"> tím</font> lòng người tím ước mơ<br>
Ôi <font color="red"> tím</font> thủy chung màu đẹp quá<br>
Màu <font color="red"> tím </font> chiều tà tìm ý thơ<br>
</p>
<b> <i style="color:green">
Màu<font color="red"> tím</font> hoa sim tim tim Huế<br>
Bầu trời tim <font color="orange">tím tím </font> tìm tôi<br>
</i></b>
</p>
</body>
</html>
tách ra 2 file html và css
Giả sử có định nghĩa clear:both thì điều này có nghĩa gì?
Huỷ bỏ thả nổi bên trái đã thiết lập trước đó
Thả nổi hộp giữa
Huỷ bỏ thả nổi cả hai bên đã thiết lập trước đó
Huỷ bỏ thả nổi bên trái đã thiết lập trước đó
Thả nổi hộp giữa
Huỷ bỏ thả nổi cả hai bên đã thiết lập trước đó
Thuộc tính nào của thuộc tính type trong thẻ <ol> được sử dụng để tạo ra danh sách được đánh thứ tự A, B, C, …
A
I
a
1
A
I
a
1
Đoạn mã CSS sau có ý nghĩa gì? .vmenu>li>a{ padding-left:25px; background:url(bg.gif) no-repeat left center; }
Tạo khoảng trống đầu thẻ a<a> và đặt ảnh nền vào cuối thẻ
Tạo khoảng trống cuối thẻ <a> và đặt ảnh nền vào đó
Tạo khoảng trống đầu và cuối thẻ <a> và đặt ảnh nền vào vị trí đó
Tạo khoảng trống đầu thẻ <a> và đặt ảnh nền vào đó
Tạo khoảng trống đầu thẻ a<a> và đặt ảnh nền vào cuối thẻ
Tạo khoảng trống cuối thẻ <a> và đặt ảnh nền vào đó
Tạo khoảng trống đầu và cuối thẻ <a> và đặt ảnh nền vào vị trí đó
Tạo khoảng trống đầu thẻ <a> và đặt ảnh nền vào đó
Cho đoạn mã HTML sau <ul class="hmenu"> <li><a href="Home.html">Home</a></li> <li><a href="#">Products</a> <ul class="sub-menu"> <li><a href="Nokia.html">Nokia</a></li> <li><a href="iPhone.html">iPhone</a></li> </ul> </li> </ul> Mã CSS sau đây định nghĩa cho thẻ nào? ul.hmenu a:hover>ul.sub-menu{ background-color:yellow; }
Định nghĩa cho tất cả các thẻ <ul class="sub-menu"> khi đưa chuột lên
Định nghĩa cho tất cả các thẻ <ul class="sub-menu"> con của thẻ <a> khi đưa chuột lên
Định nghĩa cho tất cả các thẻ <a> khi đưa chuột lên
Định nghĩa cho tất cả các thẻ <ul class="sub-menu"> con của thẻ <a> khi đưa chuột lên nằm trong thẻ <ul class="hmenu">
Định nghĩa cho tất cả các thẻ <ul class="sub-menu"> khi đưa chuột lên
Định nghĩa cho tất cả các thẻ <ul class="sub-menu"> con của thẻ <a> khi đưa chuột lên
Định nghĩa cho tất cả các thẻ <a> khi đưa chuột lên
Định nghĩa cho tất cả các thẻ <ul class="sub-menu"> con của thẻ <a> khi đưa chuột lên nằm trong thẻ <ul class="hmenu">
Enter the Data-to-Earn Era: SOUL Drop Campaign powered by CARV: https://protocol.carv.io/airdrop?invite_code=LS6E1F