1 Bài 5: Định dạng chữ Đậm, Nghiêng, Gạch dưới... Sat Nov 03, 2012 8:17 pm
Admin
Admin
Trong bài học này chúng ta sẽ nắm cách sử dụng các thẻ định dạng chữ
<b>Đậm</b>,<i> Nghiêng</i>, <u>Gạch
dưới</u>... trong trang HTML.
I-Chữ Đậm: Bold (b) tag
Để làm cho chữ đậm ta sử dụng cặp tag: <b> </b>
1-Cú pháp:
a-Cặp Tags: : <b> </b>
<b>chữ cần làm đậm</b>.
Trong đó:
Ví dụ:
b-Cặp Tags: <strong></strong> Cặp tag này cũng dùng để làm chữ Đậm. Cú pháp tương tự.
Ví dụ:
2-Thuộc tính và giá trị thuộc tính của: <b> </b>, <strong></strong>
Các cặp tag này không có thuộc tính và giá trị.
II-Chữ Nghiêng: Italic (i) tag
Để làm cho chữ nghiêng ta sử dụng cặp tag: <i> </i> hoặc <em> </em>
1-Cú pháp:
a-Cặp Tags:<i>chữ nghiêng</i>
Trong đó:
Ví dụ:
b-Cặp Tags: <em> </em> cũng được dùng để làm chữ nghiêng. Cú pháp và ví dụ tương tự, thay thế i bằng em.
Ngòai ra chúng ta cũng có thể dùng cặp tags <address>Chữ
nghiêng</address> để làm chữ nghiêng, nhưng nội dung trong cặp
tags này tự động xuống hàng.
Các cặp tags :
<cite>chữ nghiêng</cite>,
<dfn>Chữ nghiêng</dfn>,
<var>Chữ nghiêng</var>, cũng có tác dụng làm nghiêng chữ nhưng ít đựơc sử dụng như tags <i></i>
2-Thuộc tính và giá trị thuộc tính của: <i> </i>, <em> </em>
Các cặp tag này không có thuộc tính và giá trị.
III-Chữ Gạch Dưới: Underline (u) tag
Để làm cho chữ gạch dưới ta sử dụng cặp tag: <u> </u> và <ins> </ins>
1-Cú pháp:
a-Cặp Tags: <u>chữ cần gạch dưới</u>
Trong đó:
Ví dụ:
b-Cặp Tags:<ins> </ins> để chèn một đọan chữ có gạch dưới vào nội dụng:. Cú pháp tương tự.
Ví dụ:
2-Thuộc tính và giá trị thuộc tính của: <u> </u> và <ins> </ins>:
Các cặp tag này không có thuộc tính và giá trị.
IV-Chữ Gạch Giữa:Strike (strike) tag
1-Cú pháp:
Ta có thể viết: <strike>chữ gạch giữa</strike> hoặc <s>chữ gạch giữa</s>
Trong đó:
Ví dụ:
V-Chữ to hơn: Big (big) tag
Để làm cho chữ lớn hơn cỡ chữ hiện tại, ta sử dụng cặp tag: <big> </big>
1-Cú pháp:
<big>Chữ to hơn</big>
Trong đó:
Ví dụ:
2-Thuộc tính và giá trị thuộc tính của: <big> </big>
Các cặp tag này không có thuộc tính và giá trị.
VI-Chữ nhỏ hơn: Small (small) tag
Để làm cho chữ nhỏ hơn cỡ chữ hiện tại, ta sử dụng cặp tag: <small> </small>
1-Cú pháp:
<small>Chữ nhỏ hơn</small>
Trong đó:
Ví dụ:
2-Thuộc tính và giá trị thuộc tính của: <small> </small>
Các cặp tag này không có thuộc tính và giá trị.
Để thực hành, bạn hãy mở Notepad, sau đó viết các đoạn codes trong các bài ví dụ trên và lưu tập tin format_text.html.
Hết Bài 5
<b>Đậm</b>,<i> Nghiêng</i>, <u>Gạch
dưới</u>... trong trang HTML.
I-Chữ Đậm: Bold (b) tag
Để làm cho chữ đậm ta sử dụng cặp tag: <b> </b>
1-Cú pháp:
a-Cặp Tags: : <b> </b>
<b>chữ cần làm đậm</b>.
Trong đó:
- <b> :tag khai báo chữ đậm.
- </b> :tag đóng chữ đã được làm đậm. Nếu bạn sơ ý không
đóng bằng tag này, chữ đậm sẽ ảnh hưởng lên các nội dung khác trong văn
bản.
Ví dụ:
Viết: | Hiển thị trên trình duyệt: |
<b>Đọan này sẽ Đậm</b> | Đọan này sẽ Đậm |
b-Cặp Tags: <strong></strong> Cặp tag này cũng dùng để làm chữ Đậm. Cú pháp tương tự.
Ví dụ:
Viết: | Hiển thị trên trình duyệt: |
<strong>Đọan này sẽ Đậm</strong> | Đọan này sẽ Đậm |
2-Thuộc tính và giá trị thuộc tính của: <b> </b>, <strong></strong>
Các cặp tag này không có thuộc tính và giá trị.
II-Chữ Nghiêng: Italic (i) tag
Để làm cho chữ nghiêng ta sử dụng cặp tag: <i> </i> hoặc <em> </em>
1-Cú pháp:
a-Cặp Tags:<i>chữ nghiêng</i>
Trong đó:
- <i> :tag khai báo chữ nghiêng.
- </i> :tag đóng chữ đã được làm nghiêng. Luôn có tag này.
Ví dụ:
Viết: | Hiển thị trên trình duyệt: |
<i>Đọan này sẽ nghiêng</i> | Đọan này sẽ nghiêng |
b-Cặp Tags: <em> </em> cũng được dùng để làm chữ nghiêng. Cú pháp và ví dụ tương tự, thay thế i bằng em.
Ngòai ra chúng ta cũng có thể dùng cặp tags <address>Chữ
nghiêng</address> để làm chữ nghiêng, nhưng nội dung trong cặp
tags này tự động xuống hàng.
Các cặp tags :
<cite>chữ nghiêng</cite>,
<dfn>Chữ nghiêng</dfn>,
<var>Chữ nghiêng</var>, cũng có tác dụng làm nghiêng chữ nhưng ít đựơc sử dụng như tags <i></i>
2-Thuộc tính và giá trị thuộc tính của: <i> </i>, <em> </em>
Các cặp tag này không có thuộc tính và giá trị.
III-Chữ Gạch Dưới: Underline (u) tag
Để làm cho chữ gạch dưới ta sử dụng cặp tag: <u> </u> và <ins> </ins>
1-Cú pháp:
a-Cặp Tags: <u>chữ cần gạch dưới</u>
Trong đó:
- <u> :tag khai báo gạch dưới.
- </u> :tag đóng chữ đã được gạch dưới. Luôn có.
Ví dụ:
Viết: | Hiển thị trên trình duyệt: |
<u>I like HTML</u> | I like HTML |
b-Cặp Tags:<ins> </ins> để chèn một đọan chữ có gạch dưới vào nội dụng:. Cú pháp tương tự.
Ví dụ:
Viết: | Hiển thị trên trình duyệt: |
I like <ins>HTML</ins> | I like HTML |
2-Thuộc tính và giá trị thuộc tính của: <u> </u> và <ins> </ins>:
Các cặp tag này không có thuộc tính và giá trị.
IV-Chữ Gạch Giữa:
1-Cú pháp:
Ta có thể viết: <strike>chữ gạch giữa</strike> hoặc <s>chữ gạch giữa</s>
Trong đó:
- <s> :tag khai báo gạch giữa.
- </s> :tag đóng chữ đã được gạch giữa.
Ví dụ:
Viết: | Hiển thị trên trình duyệt: |
<s>Giá cũ: 250.000 đồng</s> | Giá cũ: 250.000 đồng |
V-Chữ to hơn: Big (big) tag
Để làm cho chữ lớn hơn cỡ chữ hiện tại, ta sử dụng cặp tag: <big> </big>
1-Cú pháp:
<big>Chữ to hơn</big>
Trong đó:
- <big> :tag khai báo làm chữ to hơn.
- </big> :tag đóng chữ đã được làm to.
Ví dụ:
Viết: | Hiển thị trên trình duyệt: |
<big>Chữ này to hơn</big> | Chữ này to hơn |
2-Thuộc tính và giá trị thuộc tính của: <big> </big>
Các cặp tag này không có thuộc tính và giá trị.
VI-Chữ nhỏ hơn: Small (small) tag
Để làm cho chữ nhỏ hơn cỡ chữ hiện tại, ta sử dụng cặp tag: <small> </small>
1-Cú pháp:
<small>Chữ nhỏ hơn</small>
Trong đó:
- <small> :tag khai báo làm chữ nhỏ hơn.
- </small> : tag đóng chữ đã được làm nhỏ.
Ví dụ:
Viết: | Hiển thị trên trình duyệt: |
<small>Chữ này nhỏ hơn</small> | Chữ này nhỏ hơn |
2-Thuộc tính và giá trị thuộc tính của: <small> </small>
Các cặp tag này không có thuộc tính và giá trị.
Để thực hành, bạn hãy mở Notepad, sau đó viết các đoạn codes trong các bài ví dụ trên và lưu tập tin format_text.html.
Hết Bài 5