Gửi email cho chúng tôi
- Thêm Subject
Mở chương trình thư mặc định, tạo thư mới với trường To và theme đã được điền. Về cơ bản, chúng tôi đang thêm chủ thể tham số vào giá trị href.
Dấu cách trong chủ đề có thể sẽ hoạt động tốt, nhưng để cực kỳ chắc chắn, bạn có thể thay thế dấu cách bằng “% 20”.
Gửi email cho chúng tôi
Xem thêm Tự học HTML: text
- Thêm CC và BCC
Mở chương trình thư mặc định, tạo thư mới với trường TO, SUBJECT, CC và BCC đã được điền. Về cơ bản, chúng tôi đang thêm các tham số cc và bcc vào giá trị href.
Cũng lưu ý rằng bạn thêm nhiều giá trị vào CC và BCC bằng cách phân tách chúng bằng dấu phẩy.
Gửi email cho chúng tôi
Thêm văn bản nội dung
Chỉ cần thêm tham số body vào danh sách tham số ngày càng tăng mà chúng tôi đang sử dụng.
Gửi email cho chúng tôi
- Demo
Sau đây là bản demo về cách sử dụng liên kết email khác nhau. Các liên kết sẽ không kích hoạt trong bản trình diễn được nhúng, nhưng bạn có thể thấy chúng hoạt động trong chế độ xem toàn trang.
Basic Usage
Email Us
Subject Line
Email Us
CC and BCC
Email Us
Body Text
Email Us
body { background: #333; display: grid; height: 100vh; place-items: center; width: 100%; } .email-links { background: #fff; border: 5px solid #222; border-radius: 18px; display: grid; gap: 1rem; grid-template-columns: repeat[4, 1fr]; padding: 2rem; position: relative; width: clamp[600px, 50%, 800px]; } .email-links:before { content: ""; background: linear-gradient[130deg, #ff7a18, #af002d 41.07%, #319197 76.05%]; border: 5px solid #222; border-radius: 18px; height: 100%; position: absolute; left: 1rem; top: 1rem; width: 100%; z-index: -1; } .email-link { padding: 1rem; } .email-link:not[:last-child] { border-right: 1px solid #ccc; } .email-link svg { filter: drop-shadow[1px 0 5px hsla[170, 0%, 0%, 0.5]]; margin-right: 10px; position: relative; top: 4px; }
Xem thêm Câu hỏi và câu trả lời phỏng vấn HTML hàng đầu