Cách tạo biểu tượng trái tim trên trang web của bạn

Xây dựng một biểu tượng trái tim đơn giản bằng cách sử dụng HTML

Có hai cách chính để chèn biểu tượng trái tim trên trang web của bạn. Bạn có thể sao chép trái tim từ nơi khác để dễ dàng dán nó lên trang hoặc bạn có thể tìm hiểu mã HTML để tạo biểu tượng trái tim của riêng bạn.

Bạn có thể sử dụng kiểu văn bản CSS để thay đổi màu của biểu tượng trái tim và kiểu phông chữ để thay đổi kích thước và trọng lượng (in đậm) của biểu tượng trái tim.

Biểu tượng trái tim HTML

  1. Với trình chỉnh sửa trang web của bạn, mở trang cần có biểu tượng trái tim, sử dụng chế độ chỉnh sửa thay vì chế độ WYSIWYG.
  2. Đặt con trỏ của bạn chính xác nơi bạn muốn biểu tượng.
  3. Nhập nội dung sau vào tệp HTML:
  4. Lưu tệp và mở tệp trong trình duyệt web để đảm bảo tệp hoạt động. Bạn sẽ thấy một trái tim như thế này: ♥

Sao chép và dán biểu tượng trái tim

Một cách khác bạn có thể nhận được biểu tượng trái tim để hiển thị là chỉ cần sao chép và dán biểu tượng từ trang này trực tiếp vào trình chỉnh sửa của bạn. Tuy nhiên, không phải tất cả các trình duyệt sẽ hiển thị nó một cách đáng tin cậy theo cách này.

Xin lưu ý rằng với trình chỉnh sửa chỉ dành cho WYSIWYG, bạn có thể sao chép và dán biểu tượng trái tim bằng chế độ WYSIWYG và trình chỉnh sửa sẽ chuyển đổi nó cho bạn.