Cách hiển thị văn bản dưới dạng chú thích của ảnh trong CSS

Quản trị viên web có thể hiển thị và định kiểu văn bản trên các trang Web bằng cách sử dụng CSS - Cascading Style Sheet - mã để định dạng các loại văn bản khác nhau. Để hiển thị văn bản dưới dạng chú thích cho ảnh, hãy tạo lớp mã CSS cho văn bản phụ đề và sau đó gắn thẻ cho mỗi chú thích bằng mã định danh lớp để tự động định dạng văn bản theo kiểu chú thích.

1.

Khởi chạy chương trình thiết kế Web thông thường của bạn, ứng dụng soạn thảo HTML hoặc công cụ văn bản thuần Microsoft Notepad. Mở trang Web có chứa chú thích mà bạn muốn định dạng.

2.

Cuộn đến phần tiêu đề ở đầu trang. Phần tiêu đề bắt đầu bằng thẻ của trò ăn vặt và kết thúc bằng thẻ của trò ăn chay.

3.

Nhập hoặc dán đoạn mã sau ngay lập tức trước thẻ Miêu:

4.

Đánh dấu và chỉnh sửa từng thuộc tính giữa dấu ngoặc nhọn để định kiểu và định dạng văn bản chú thích của bạn. Ví dụ: thay đổi phần tử kích thước phông chữ của Wikipedia thành kích thước văn bản ưa thích của bạn cho chú thích. Chỉnh sửa phông chữ-gia đình của người dùng thành mặt chữ ưa thích của bạn. Bạn có thể muốn chọn một mặt phông chữ nổi bật so với phần còn lại của văn bản trên trang Web hoặc khớp với phông chữ được sử dụng trên các phần khác của trang. Thay đổi màu từ từ # 00000000 - văn bản màu đen tiêu chuẩn - thành mã màu ưa thích của bạn. Trong các phông chữ có trọng số và thay đổi, hãy thay đổi thuộc tính từ văn bản thông thường và thành chữ đậm nếu bạn muốn chú thích bằng văn bản in đậm.

5.

Di chuyển đến vị trí của từng chú thích ảnh mà bạn muốn áp dụng kiểu trong phần thân của trang Web, giữa các thẻ của nhà hàng và các ứng dụng.

6.

Dán hoặc gõ nội dung ngay trước văn bản phụ đề. Chèn nội dung sau khi văn bản phụ đề. Mã sẽ trông như thế này:

Ví dụ văn bản chú thích, giải thích nội dung của hình ảnh.

7.

Lưu trang Web và tải nó lên máy chủ lưu trữ của trang web của bạn theo cách thông thường thông qua bảng điều khiển của hệ thống quản lý nội dung của máy chủ hoặc với ứng dụng Giao thức truyền tệp.

Lời khuyên

  • Sử dụng công cụ chọn màu trực tuyến để tìm mã màu thập lục phân chính xác cho màu phông chữ chú thích ưa thích của bạn trong bước 4.
  • Lặp lại quy trình này cho mỗi trang Web mà bạn muốn áp dụng kiểu văn bản phụ đề CSS.

Bài ViếT Phổ BiếN