!DOCTYPE html>

<head>

<title>Trang Web Đơn Giản</title>

<style>

body {

text-align: center;

background-color: #f4f4f4;

padding: 20px;

}

h1 {

color: #333;

}

p {

color: #555;

max-width: 600px;

margin: 0 auto;

}

img {

width: 300px;

margin: 20px 0;

border-radius: 10px;

}

a {

display: inline-block;

margin-top: 20px;

color: #007bff;

text-decoration: none;

}

a:hover {

text-decoration: underline;

}

</style>

</head>

<body>

<h1>Chào mừng đến với Trang Web của Tôi</h1>

<p>Đây là một trang web đơn giản được tạo bằng HTML và CSS. Nó bao gồm một tiêu đề, một đoạn văn mô tả, một hình ảnh minh họa và một liên kết đến một trang web khác.</p>

<br>

<a href="https://www.example.com" target="_blank">Truy cập trang web khác</a>

</body>

</html>

Khi khai báo bộ chọn lớp (class) trong CSS, ký tự nào đứng trước tên lớp