Em đang làm mấy cái nút chạm html. Chạm vào nút là ra 1 hình. Nhưng web nó ra: Nút 1 Nút 2 Nút 3 Làm sao để cho nó ra: Nút 1 | Nút 2 | Nút 3 ạ
2 câu trả lời
*Hình ảnh đã có thêm CSS, nhìn mấy cái thừa thãi chán ghê 🥴
<!DOCTYPE html>
<html lang="en">
<head>
<title>HTML</title>
<script language="javascript" src="script.js"></script>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<div>
<div>
<span>
<a href="https://img.hoidap247.com/picture/user/20210801/tini_1627828579514.jpg">
<button>Nút 1</button>
</a>
<span> | </span>
<a href="https://img.hoidap247.com/picture/user/20210314/tini_1615708217106.jpg">
<button>Nút 2</button>
</a>
<span> | </span>
<a href="https://img.hoidap247.com/picture/user/20210910/tini_1631244888975.jpg">
<button> Nút 3</button>
</a>
</span>
</div>
</div>
<script>
src="script.js";
</script>
</body>
</html>
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Test</title>
</head>
<body>
<button>
<a href="https://images.pexels.com/photos/3894157/pexels-photo-3894157.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500">Số 1</a>
</button>
|
<button>
<a href="https://images.pexels.com/photos/8953362/pexels-photo-8953362.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500">Số 2</a>
</button>
|
<button>
<a href="https://images.pexels.com/photos/3117358/pexels-photo-3117358.jpeg?auto=compress&cs=tinysrgb&dpr=1&w=500">Số 3</a>
</button>
</body>
</html>