Phong cách HTML

Thuộc tính style được sử dụng để thay đổi樣式 của phần tử HTML.

Văn bản này trong Verdana và đỏ
Văn bản này trong Times và xanh dương
Văn bản này cao 30 điểm ảnh

Thử trực tiếp

Thuộc tính style của HTML

Chức năng của thuộc tính style:

cung cấp một phương pháp chung để thay đổi樣式 của tất cả các phần tử HTML.

Phong cách được giới thiệu trong HTML 4, nó là một phương pháp mới được ưu tiên thay đổi樣式 của phần tử HTML. Bằng cách sử dụng phong cách HTML, bạn có thể trực tiếp thêm phong cách vào phần tử HTML bằng cách sử dụng thuộc tính style hoặc gián tiếp trong một tài liệu phong cách tách biệt (tệp CSS).

Bạn có thể trong Giáo trình CSShọc về phong cách và CSS.

Trong giáo trình HTML của chúng tôi, chúng tôi sẽ sử dụng thuộc tính style để giải thích về phong cách HTML.

Thẻ và thuộc tính không được khuyến khích sử dụng

Trong HTML 4, có một số thẻ và thuộc tính đã bị loại bỏ.

Thông điệp truyền tải ở đây rất rõ ràng: hãy tránh sử dụng các thẻ và thuộc tính đã bị loại bỏ!

Nên tránh sử dụng các thẻ và thuộc tính sau:

Thẻ Mô tả
<center> Định nghĩa nội dung giữa
<font> và <basefont> Định nghĩa font HTML.
<s> và <strike> Định nghĩa văn bản có strikethrough
<u> Định nghĩa văn bản có dưới底线
Thuộc tính Mô tả
align Định nghĩa cách căn chỉnh văn bản
bgcolor Định nghĩa màu nền
color Định nghĩa màu văn bản

Đối với các thẻ và thuộc tính sau: hãy sử dụng phong cách thay thế!

Mô hình样式 HTML - Màu nền

Thuộc tính background-color của phần tử xác định màu nền:

<html>
<body style="background-color:vàng">
<h2 style="background-color:red">This is a heading</h2>
<p style="background-color:green">This is a paragraph.</p>
</body>
</html>

Thử trực tiếp

Thuộc tính style đã loại bỏ thuộc tính cũ bgcolor.

Thử trực tiếp: Cài đặt màu nền theo phương pháp cũ

Mô hình样式 HTML - Phông chữ, màu sắc và kích thước

Thuộc tính font-family, color và font-size định nghĩa bảng mã, màu sắc và kích thước của văn bản của phần tử:

<html>
<body>
<h1 style="font-family:verdana">A heading</h1>
<p style="font-family:arial;color:red;font-size:20px;">A paragraph.</p>
</body>
</html>

Thử trực tiếp

Thuộc tính style đã loại bỏ thẻ <font> cũ.

Thử trực tiếp: Cài đặt phông chữ theo phương pháp cũ

Mô hình样式 HTML - Căn văn bản

Thuộc tính text-align quy định cách căn hàng ngang của văn bản của phần tử:

<html>
<body>
<h1 style="text-align:center">This is a heading</h1>
<p>Đầu đề trên được căn giữa trên trang này.</p>
</body>
</html>

Thử trực tiếp

Thuộc tính style đã loại bỏ thuộc tính cũ "align".

Thử trực tiếp: Cài đặt căn giữa theo phương pháp cũ