Đây là bài demo style guide nhằm kiểm tra toàn bộ định dạng mà trình soạn thảo có thể sinh ra. Bạn có thể gắn link, dùng inline code, gạch ngang, tô sáng, chỉ số dưới và trên. Mục tiêu: mọi kiểu nhập liệu về sau đều hiển thị chuẩn.
1. Các cấp tiêu đề (H2 → H4)
Đoạn văn dưới mỗi tiêu đề để kiểm tra khoảng cách trên/dưới giữa heading và nội dung.
1.1. Tiêu đề cấp 3 (H3)
Nội dung minh hoạ cho tiêu đề cấp 3.
1.1.1. Tiêu đề cấp 4 (H4)
Nội dung minh hoạ cho tiêu đề cấp 4.
2. Danh sách
- Trải nghiệm nghỉ dưỡng ven biển
- Hồ bơi vô cực hướng biển
- Bến du thuyền riêng
- Ẩm thực bản địa
- Không gian trị liệu thân – tâm – trí
- Đặt phòng và nhận tư vấn
- Trải nghiệm dịch vụ
- Check-in nhận phòng
- Lịch trình cá nhân hoá
- Đánh giá và tích điểm thành viên
3. Trích dẫn
Say là khi ta để trái tim thăng hoa giữa nhịp sống Santorini rực rỡ tại The Hera Resort.
Ban lãnh đạo HERA RESORT
Tuyệt tác nghỉ dưỡng đa trải nghiệm phong cách Santorini nhiệt đới lần đầu tiên tại Việt Nam.
The Hera Resort
4. Hình ảnh & chú thích
Đây là đoạn văn bao quanh một ảnh căn trái. Văn bản sẽ chảy bên phải ảnh để kiểm tra cách chữ ôm quanh hình. Cần đủ dài để thấy hiệu ứng wrap: The Hera Resort mở ra một hành trình nghỉ dưỡng giàu cung bậc, từ nhịp sống phóng khoáng bên biển đến trạng thái cân bằng thân – tâm – trí. Mỗi khoảnh khắc đều được thiết kế để du khách tận hưởng trọn vẹn vẻ đẹp nguyên sơ của đại ngàn và biển biếc.
Đoạn văn bao quanh một ảnh căn phải. Chữ chảy bên trái ảnh. Say cái chạm nhẹ của gió biển Quy Nhơn, say bầu không khí tinh khôi và ánh bình minh nhuộm vàng vịnh biếc vĩnh cửu. Say nụ cười chân phương của người bản xứ, say nhịp sống dung dị và những câu chuyện nồng hậu giữa miền cát trắng.
5. Thư viện ảnh (Gallery)
6. Bảng dữ liệu
| Phân khu | Số căn | Diện tích | Pháp lý |
|---|---|---|---|
| THE HELIOS SIGNATURE | 68 căn | 16,62 ha | Sổ đỏ từng căn |
| THE SELENE COLLECTION | 80 căn | — | Sổ đỏ từng căn |
| THE ATHENA OCEAN | 700 căn | — | Sổ đỏ từng căn |
7. Mã nguồn (Code)
Chèn inline code giữa dòng, và khối code nhiều dòng bên dưới:
function hera_greeting( $name ) {
return sprintf( 'Xin chào %s tại The Hera Resort!', $name );
}Văn bản định dạng sẵn (preformatted)
giữ nguyên khoảng trắng và xuống dòng.
8. Nút bấm (Button)
9. Đường kẻ phân cách
10. Danh sách định nghĩa & các thẻ khác
- Chủ đầu tư
- Công ty Cổ phần Hera Quy Nhơn
- Vị trí
- Quốc lộ 1D, Phường Quy Nhơn Nam, Tỉnh Gia Lai
ĐHQG Hà Nội và phím tắt Ctrl + S là các thẻ inline ít gặp nhưng vẫn cần style đồng bộ.
