1. Các thẻ được sử dụng trong bài viết
| Thẻ (Tag) | Mô tả (Description) |
| <b> | in đậm văn bản |
| <em> | văn bản được nhấn mạnh (hiển thị văn bản nghiêng) |
| <i> | in nghiêng văn bản |
| <small> | văn bản nhỏ hơn |
| <strong> | văn bản trọng yếu (hiển thị văn bản đậm) |
| <sub> | văn bản nhỏ hơn và chệch xuống dưới ví dụ H2O |
| <sup> | văn bản nhỏ hơn và chệch lên trên ví dụ a 2 + b 2 |
| <mark> | tô sáng văn bản |
| <ins> và <del> | thẻ <ins> dùng để chèn văn bản còn thẻ <del> để xóa văn bản. Lưu ý thêm rằng hai thẻ này thường dùng chung với nhau để đánh dấu cập nhật và sửa đổi trong một tập tin. |
2. Sự khác nhau giữa thẻ <b> và <strong>
Như hình trên bạn thấy thẻ <b> và thẻ <strong> đều hiển thị văn bản in đậm. Tuy nhiên trình duyệt ví dụ như google chẳng hạn sẽ hiểu rằng thẻ <b> dùng in đậm văn bản và văn bản đó không trọng yếu còn thẻ <strong> dùng in đậm văn bản và văn bản đó là trọng yếu.
3. Sự khác nhau giữa thẻ <i> và <em>
Như hình trên bạn thấy thẻ <i> và thẻ <em> đều hiển thị văn bản in nghiêng. Tuy nhiên trình duyệt ví dụ như google chẳng hạn sẽ hiểu rằng thẻ <i> dùng in nghiêng văn bản và văn bản đó không quan trọng còn thẻ <em> dùng in nghiêng văn bản và văn bản đó là quan trọng.
4. Thẻ <ins> và <del>
Như hình trên các bạn thấy thẻ <del> được trình duyệt hiển thị là dấu gạch ngang văn bản còn thẻ <ins> hiển thị là dấu gạch dưới.
Thẻ <ins> dùng để chèn văn bản còn thẻ <del> để xóa văn bản. Lưu ý thêm rằng hai thẻ này thường dùng chung với nhau để đánh dấu cập nhật và sửa đổi trong một tập tin.
5. Thẻ <small>
Như hình trên các bạn thấy thẻ <small> làm cho văn bản nhỏ hơn
6. Thẻ <mark>
Như hình trên bạn thấy thẻ <mark> dùng để tô sáng văn bản
7. Thẻ <sub>
Như hình trên bạn thấy thẻ này được hiển thị dưới dạng văn bản nhỏ hơn và chệch xuống dưới.
Thẻ này thường được dùng viết công thức hoá học.
8. Thẻ <sup>
Như hình trên bạn thấy thẻ này được hiển thị dưới dạng văn bản nhỏ hơn và chệch lên trên.
Thẻ này thường được dùng viết công thức toán học.
9. Các bài tập
9.1 Bài tập 1
Từ trọng yếu của đoạn văn dưới là từ “xuống cấp”. Các bạn hãy làm sao cho trình duyệt hiểu sự trọng yếu của từ đó.
<!DOCTYPE html> <html> <body> <h1>WWF làm gì?</h1> <p>Nhiệm vụ của WWF là để ngăn chặn sự xuống cấp của môi trường tự nhiên của hành tinh chúng ta.</p> </body> </html>
Gợi ý của bài tập 1
Gợi ý: Sử dụng thẻ <strong>.
Câu trả lời của bài tập 1
<!DOCTYPE html> <html> <body> <h1>WWF làm gì?</h1> <p>Nhiệm vụ của WWF là để ngăn chặn sự <strong>xuống cấp</strong> của môi trường tự nhiên của hành tinh chúng ta.</p> </body> </html>
9.2 Bài tập 2
Nhấn mạnh từ “đô thị” trong đoạn văn dưới đây
<!DOCTYPE html> <html> <body> <h1>Tokyo</h1> <p>Tokyo là thủ đô nhật bản và là khu vực đô thị đông dân nhất thế giới.</p> </body> </html>
Gợi ý của bài tập 2
Gợi ý: Dùng thẻ <em>
Câu trả lời của bài tập 2
<!DOCTYPE html> <html> <body> <h1>Tokyo</h1> <p>Tokyo là thủ đô nhật bản và là khu vực <em>đô thị</em> đông dân nhất thế giới.</p> </body> </html>
9.3 Bài tập 3
Tô sáng từ VUI trong đoạn văn dưới
<!DOCTYPE html> <html> <body> <p>HTML là VUI để học!</p> </body> </html>
Gợi ý của bài tập 3
Gợi ý: Sử dụng thẻ <mark>
Câu trả lời của bài tập 3
<!DOCTYPE html> <html> <body> <p>HTML là <mark>VUI</mark> để học!</p> </body> </html>
10. Lời cuối bài
Qua bài viết này các bạn đã hiểu thêm về các thẻ định dạng văn bản. Ở bài viết sau chúng ta cùng tìm hiểu về thẻ trích dẫn và các yếu tố dùng trong trích dẫn.
The post [HTML bài 11] Các thẻ định dạng văn bản appeared first on Học online.
from WordPress http://ift.tt/2vwCwGE
via IFTTT
Không có nhận xét nào:
Đăng nhận xét