[HTML] Bài 9: Các Thẻ Trình Bày Kí Tự và Các kí tự đặt biệt

Posted by: Rain on 8/23/2013 in HTML và CSS 0

1. Các thẻ định dạng kí tự:

Các thẻ kí tự trong HTML cho phép bạn điều khiển hịnh dạng bên ngoài của bản thân các kí tự - chẳng hạn ta có thể định dạng một chữ là đậm hoặc nghiêng. Các định dạn này có thể áp dụng từ phạm vi một đoạn văn hay toàn bộ văn bản hay chỉ những kí tự đơn lẻ
Cú Pháp:
In Đậm: <b>In Đậm</b>
Gạch Chân: <u>Gạch Chân</u>
In Nghiêng: <i>In Nghiêng</i>
Xóa chữ: <strike>Ðây là tag stro</strike>
Tetetype: <tt>tetetype</tt>
Nhấn Mạnh: <em>Nhấn mạnh</em>
Nhấn mạnh hơn: <strong>Nhấn mạnh hơn</strong>
Trich Dẫn: <cite>Trích Dẫn<cite>
Code: <code>code</code>
keyboard: <kbd>keyboard</kbd>
Vabilve: <var>Vabilve</var>
Chữ Thấp: <SUB></SUB>
Chữ Lũy thừa: <SUP></SUP>
Phóng lớn chữ:<BIG> </BIG>
Thu nhỏ chữ: <SMALL> </SMALL>


Ví Dụ:

<b>In Đậm</b>
<br/>
<u>Gạch Chân</u>
<br/>
<i>In Nghiêng</i>
<br/>
<strike>Ðây là tag stro</strike>
<br/>
<tt>tetetype</tt>
<br/>
<em>Nhấn mạnh</em>
<br/>
<strong>Nhấn mạnh hơn</strong>
<br/>
<cite>Trích Dẫn<cite>
<br/>
<code>code</code>
<br/>
<kbd>keyboard</kbd>
 <br/>
<var>Vabilve</var>

See the Pen %= penName %> by Nguyễn Hữu Trọng (@Rain) on CodePen

Chú Ý:
Thường thì <strong> sẽ hiển thị như <b> và <em> sẽ hiển thị như <i> tuy nhiên có sự khác biệt về ý nghĩa giữa thẻ <strong>, <em> và thẻ <b>,<i>.
Thẻ <b>, <i> mang ý nghĩa định dạng chữ in đậm và in nghiêng còn thẻ <strong> và <em> mang í nghĩa là quan trọng, khi bạn muốn SEO một bài viết thì điều này là vô cùng quan trọng.

2. Kí tự đặt biệt trong HTML:

Một vài ký tự tương tự như dấu nhỏ hơn <, có một ý nghĩa đặc biệt trong HTML, và do đó không thể được sử dụng như là chữ được. Do vậy để hiển thị được dấu nhỏ hơn < trong HTML chúng ta phải sử dụng những ký tự đặc biệt. Bởi vì dấu < xác định điểm bắt đầu của một thẻ HTML. Nên nếu bạn muốn trình duyệt hiển thị ký tự đó bạn phải thêm và code của nó những ký tự đặc biệt.

Một ký tự đặc biệt có 3 phần: Ký hiệu (&), tên của ký tự hoặc một dấu # và một dãy số và cuối cùng là dấu chấm phẩy ;

Để hiển thị được dấu nhỏ hơn trong HTML bạn phải viết là &lt; hoặc &#60;

Cái hay của việc sử dụng tên thay vì sử dụng số là vì tên của nó thì dễ nhớ hơn nhiều. Nhưng cái dở lại là không phải trình duyệt nào cũng hỗ trợ những tên mới này, trong khi đó hầu hết các trình duyệt đều có thể nhận ra nó ở dạng số.

Thường thì HTML cắt bớt khoảng trống trong chữ của bạn. Ví dụ nếu bạn viết 10 chỗ trống trong text của bạn thì HTML sẽ loại bỏ 9 trong số đó. Để thêm khoảng trống vào chữ của bạn, bạn phải sử dụng ký tự đặc biệt là &nbsp;

Những ký tự được dùng thường xuyên nhất

Kết quả	Loại	Tên của ký tự	Số
	một khỏang trắng	 	 
<	nhỏ hơn	&lt;	&#60;
>	lớn hơn	&gt;	&#62;
&	dấu và	&amp;	&#38;
"	ngoắc kép	&quot;	&#34;
'	ngoặc đơn	&apos; (does not work in IE)	&#39;

Một vài ký tự khác

Kết quả	Loại	Tên của ký tự	Số
¢	cent	¢	¢
£	pound	£	£
¥	yen	¥	¥
§	section	§	§
©	copyright	©	©
®	registered trademark	®	®
×	nhân	×	×
÷	chia	÷	÷