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
