Khi cố gắng tìm câu trả lời cho câu hỏi này trên google, tôi phải đối mặt với hàng loạt thông tin khác nhau về cách chèn biểu tượng cảm xúc theo nhiều cách khác nhau, trong khi tất cả những gì tôi muốn là một câu trả lời đơn giản
Chuyển đổi giữa danh sách hình thu nhỏ lớn và nhỏ bằng cách nhấp vào biểu tượng ⊞ ở góc trên cùng bên phải của danh sách. Nhấp để chọn định dạng mã mong muốn và sao chép nó để sử dụng trong tài liệu của bạn
Hãy thử ký tự đã chọn ở các kích cỡ phông chữ, độ dày phông chữ và kiểu phông chữ khác nhau bằng cách nhấp vào ⤦ trong hình thu nhỏ. Điều này sẽ điền vào các trình chỉnh sửa tương tác với nội dung demo. Thay đổi mã HTML và CSS để kiểm tra các định dạng khác nhau
Phương pháp này sao chép biểu tượng cảm xúc và dán nó vào trình chỉnh sửa. Ví dụ được viết dưới đây thực hành phương pháp này
< html >
< head>
Special Symbols
p{
font-size: 25px;
}
< /style>
1]- 😁 2]- 🗾 3]- 🥶
4]- ⏰ 5]- ⛔ 6]- ⛳
Đoạn mã trên chứa hai đoạn chứa sáu biểu tượng cảm xúc. Chúng tôi đã đặt kiểu phông chữ của các đoạn văn thành 25px [để có biểu tượng cảm xúc được phóng to]
đầu ra
Từ đầu ra, có thể thấy rằng các biểu tượng cảm xúc đã được sao chép vào trình chỉnh sửa và hiển thị trong đầu ra
Phương pháp 2. Sử dụng mã HEX và giá trị thập phân
Giá trị thập phân và giá trị HEX của biểu tượng cảm xúc có thể được sử dụng để đưa chúng lên trang web. Trước khi đi vào ví dụ, chúng ta hãy xem bảng hiển thị biểu tượng cảm xúc với giá trị HEX và thập phân của chúng
EmojiGiá trị thập phân Mã HEX✅✅✅💯💯💯🎯🎯🎯🌍🌍🌍🔁🔁🔁📵📵📵🔋🔋🔋🔎🔎🔎✌✌✌👍👍👍🔥🔥🔥
Các giá trị HEX có tiền tố là “&#x” trong khi giá trị thập phân sử dụng &# ở đầu. Tuy nhiên, cả hai giá trị đều được thêm vào sau dấu chấm phẩy [;],
Ghi chú. Bạn có thể lấy mã HEX của tất cả các biểu tượng cảm xúc từ unicode. tổ chức. Bạn sẽ thấy mã đó được viết ở dạng như U+1F63A và để sử dụng nó, bạn phải xóa U+ khỏi giá trị HEX và sử dụng phần khác của mã HEX
Ví dụ
Ví dụ được cung cấp bên dưới cho thấy việc sử dụng một số biểu tượng cảm xúc sử dụng mã HEX và giá trị thập phân.
< html >
< head>
Special Symbols
p{
font-size: 25px;
}
< /style>
1]- ✅ 2]- ✌ 3]- 🔥
Một đoạn được tạo sử dụng giá trị thập phân và giá trị HEX của biểu tượng cảm xúc để sử dụng chúng trong HTML
đầu ra
Đầu ra thể hiện rằng mã HEX và giá trị thập phân được chuyển đổi thành biểu tượng cảm xúc được liên kết của chúng
Cách sử dụng các tông màu da khác nhau của biểu tượng cảm xúc trong HTML
Các biểu tượng cảm xúc khác nhau có thể có nhiều màn hình và được gọi là tông màu da của biểu tượng cảm xúc đó. Tông màu da có thể thay đổi từ tối theo sau là trung bình và sáng. Những tông màu da này có thể được thêm bằng biểu tượng cảm xúc bằng các giá trị thập phân sau
Tông màu da Giá trị thập phânSáng🏻Sáng trung bình🏼Trung bình🏽Trung bình-tối🏾Tối🏿
Hãy thực hành chúng
Ví dụ
Có thể thêm tông màu da vào bất kỳ biểu tượng cảm xúc nào bằng cách thêm giá trị thập phân của tông màu da vào giá trị thập phân/HEX của biểu tượng cảm xúc đó. Chúng tôi đã thực thi đoạn mã sau về vấn đề này.
< html >
< head>
Special Symbols
p{
font-size: 25px;
}
< / . ✌🏻
Using light skin-tone: ✌🏻
< p> Using medium-light skin-tone: ✌🏼
< p> Using medium skin-tone: ✌🏽
< p> Using medium-dark skin-tone: ✌🏾
< p> Using dark skin-tone: ✌🏿
< /body>
Có thể thấy năm đoạn trong đoạn mã trên và mỗi đoạn sử dụng một tông màu da khác nhau cho biểu tượng cảm xúc [✌] chiến thắng
đầu ra
Đầu ra hiển thị tông màu da sáng, sáng vừa, trung bình, tối vừa và tối của biểu tượng cảm xúc [✌]
Sự kết luận
Biểu tượng cảm xúc có thể được thêm vào tài liệu HTML theo hai cách, sao chép và dán biểu tượng cảm xúc hoặc sử dụng giá trị HEX/thập phân. Bài đăng này trình bày các phương pháp này để sử dụng biểu tượng cảm xúc trong HTML. Phương pháp sao chép/dán cho phép bạn sao chép biểu tượng cảm xúc và dán vào trình chỉnh sửa mã. Mã HEX có thể được tạo từ Unicode của các biểu tượng cảm xúc có thể được lấy từ unicode. tổ chức. Phương pháp sao chép/dán rất dễ thực hiện, tuy nhiên, nên sử dụng giá trị Hex hoặc giá trị thập phân để sử dụng biểu tượng cảm xúc trong HTML