Thẻ <sup> trong HTML


1) Thẻ <sup> trong HTML

- Thẻ <sup> dùng để tạo văn bản có kích thước nhỏ hơn văn bản bình thường và nằm ở vị trí khoảng từ phân nửa trở lên so với văn bản bình thường.

Ví dụ:
<!DOCTYPE html>
<html>
<body>
    <p>25<sup>2</sup></p>
</body>
</html>

Khi đó, màn hình trình duyệt sẽ hiển thị:

252

- Trái ngược với thẻ <sup>, thẻ <sub> dùng để tạo văn bản nằm ở vị trí khoảng từ phân nửa trở xuống so với văn bản bình thường.

Ví dụ:
<!DOCTYPE html>
<html>
<body>
    <p>H<sub>2</sub>O</p>
    <p>CO<sub>2</sub></p>
</body>
</html>

Khi đó, màn hình trình duyệt sẽ hiển thị:

H2O
CO2

2) Định dạng CSS mặc định

- Hầu hết các trình duyệt sẽ hiển thị phần tử <sup> với định dạng CSS như sau:

sup { 
    vertical-align: super;
    font-size: smaller;
}