HTML Styling
Mỗi phần tử HTML có một phong cách mặc định (màu nền là màu trắng, màu chữ là màu đen, text-size kích thước là 12px ...)
Thay đổi kiểu mặc định của một phần tử HTML, có thể được thực hiện với các thuộc tính phong cách.
Ví dụ này thay đổi màu nền mặc định từ trắng thành xám:
Các thuộc tính bgcolor, hỗ trợ trong các phiên bản cũ hơn của HTML, sẽ không hợp lệ trong HTML5.
Các thẻ thuộc tính Style
Các thuộc tính style của HTML có cú pháp như sau:
HTML Text Color
Các property xác định màu sắc màu văn bản được sử dụng cho một phần tử HTML.
Ví dụ:
HTML Text Fonts
Các property font-family xác định phông chữ được sử dụng cho một phần tử HTML
Ví dụ:
HTML Text Size
Các property font-size xác định kích thước văn bản
Ví dụ:
HTML Text Alignment
Các property text-align xác định sự sắp xếp văn bản theo chiều ngang cho một phần tử HTML
Ví dụ:
* Các tag <center>, hỗ trợ trong các phiên bản cũ hơn của HTML không hợp lệ trong HTML5.
Tổng kết
- Sử dụng thuộc tính style cho các phong cách của phần tử HTML
- Sử dụng background-color cho màu nền
- Sử dụng color cho màu sắc văn bản
- Sử dụng font-family cho các phông chữ văn bản
- Sử dụng font-size cho các kích cỡ văn bản
- Sử dụng text-align cho sự liên kết văn bản
Dịch và biên tập từ w3schools bởi Quỷ Lệ VHB Group
Mỗi phần tử HTML có một phong cách mặc định (màu nền là màu trắng, màu chữ là màu đen, text-size kích thước là 12px ...)
Thay đổi kiểu mặc định của một phần tử HTML, có thể được thực hiện với các thuộc tính phong cách.
Ví dụ này thay đổi màu nền mặc định từ trắng thành xám:
<body style="background-color:lightgrey">
<h1>Quỷ Lệ - VHB Group</h1>
<p>http://quylevhb.blogspot.com/.</p>
</body>
Các thuộc tính bgcolor, hỗ trợ trong các phiên bản cũ hơn của HTML, sẽ không hợp lệ trong HTML5.
Các thẻ thuộc tính Style
Các thuộc tính style của HTML có cú pháp như sau:
style="property:value"property là một thuộc tính CSS. value là một giá trị CSS.
HTML Text Color
Các property xác định màu sắc màu văn bản được sử dụng cho một phần tử HTML.
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h1 style="color:blue">Quỷ Lệ - VHB Group</h1>
<p style="color:red">http://quylevhb.blogspot.com/.</p>
</body>
</html>
HTML Text Fonts
Các property font-family xác định phông chữ được sử dụng cho một phần tử HTML
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h1 style="font-family:verdana">Quỷ Lệ - VHB Group</h1>
<p style="font-family:courier">http://quylevhb.blogspot.com/.</p>
</body>
</html>
HTML Text Size
Các property font-size xác định kích thước văn bản
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h1 style="font-size:300%">Quỷ Lệ - VHB Group</h1>
<p style="font-size:160%">http://quylevhb.blogspot.com/.</p>
</body>
</html>
HTML Text Alignment
Các property text-align xác định sự sắp xếp văn bản theo chiều ngang cho một phần tử HTML
Ví dụ:
<!DOCTYPE html>
<html>
<body>
<h1 style="text-align:center">Quỷ Lệ - VHB Group</h1>
<p>http://quylevhb.blogspot.com/.</p>
</body>
</html>
* Các tag <center>, hỗ trợ trong các phiên bản cũ hơn của HTML không hợp lệ trong HTML5.
Tổng kết
- Sử dụng thuộc tính style cho các phong cách của phần tử HTML
- Sử dụng background-color cho màu nền
- Sử dụng color cho màu sắc văn bản
- Sử dụng font-family cho các phông chữ văn bản
- Sử dụng font-size cho các kích cỡ văn bản
- Sử dụng text-align cho sự liên kết văn bản
Dịch và biên tập từ w3schools bởi Quỷ Lệ VHB Group
HTML 8 - HTML Styles
4/
5
Oleh
Unknown
