Thứ Sáu, 25 tháng 8, 2017

[HTML bài 12] Các thẻ liên quan đến trích dẫn và yếu tố trích dẫn

Bài này thuộc phần 12 của 12 trong series Học HTML cơ bản

1. Thẻ <q>

Thẻ <q> sử dụng cho một trích dẫn ngắn. Trình duyệt hiển thị dấu ngoặc kép quanh nội dung khi bạn dùng thẻ <q>

2. Thẻ <blockquote>

Thẻ <blockquote> chỉ định nội dung được trích dẫn từ nguồn khác. Nội dung trong thẻ <blockquote> được trình duyệt hiển thị thụt lùi vào trong

3. Thẻ <cite>

Thẻ <cite> thường được sử dụng chỉ định tiêu đề của một bức tranh hoặc dùng để trích dẫn tên tác giả.

Thẻ <cite> được trình duyệt hiển thị là văn bản in nghiêng.

4. Thẻ <abbr>

Thẻ <abbr> dùng để giải thích từ viết tắt.

Giải thích từ viết tắt có thể cung cấp thông tin hữu ích cho các trình duyệt, hệ thống dịch và công cụ tìm kiếm. Nhưng các trình duyệt sẽ không hiển thị nó như ví dụ hình dưới

5. Thẻ <address>

Thẻ <address> xác định thông tin liên lạc (tác giả / chủ sở hữu) của một tập tin hoặc một bài viết.

Thẻ <address> được hiển thị bằng chữ nghiêng. Các trình duyệt sẽ thêm một ngắt dòng trước và sau nội dung của thẻ.

6. Các thẻ được sử dụng trong bài viết

Thẻ (Tags) Mô tả (Description)
<abbr> Giải thích từ viết tắt cho trình duyệt (không hiển thị)
<address> Xác định thông tin liên lạc cho tác giả / chủ sở hữu của một tập tin
<blockquote> Xác định văn bản được trích dẫn từ một nguồn khác (thường dùng chung với thuộc tính cite)
<cite> Xác định tiêu đề cho một bức tranh hoặc trích dẫn tên tác giả
<q> dùng cho một trích dẫn ngắn (hiển thị là dấu ngoặc kép)

7. Các bài tập

7.1 Bài tập 1

Dùng thẻ có trong HTML để thêm dấu ngoặc kép xung quang chữ viết ở đoạn văn dưới

<!DOCTYPE html>
<html>
<body>

<p>nguyenbinh thích viết.</p>

</body>
</html>

Gợi ý của bài tập 1

Gợi ý: sử dụng thẻ <q>

Câu trả lời của bài tập 1

<!DOCTYPE html>
<html>
<body>

<p>nguyenbinh thích <q>viết</q>.</p>

</body>
</html>

7. 2 Bài tập 2

Văn bản dưới đây là một phần trích dẫn.
Thêm thẻ có trong HTML thích hợp vào nó, và chỉ định nó được trích dẫn từ URL sau:
http://ift.tt/2veMj90

<!DOCTYPE html>
<html>
<body>

Vạn sự khởi đầu nan, gian nan bắt đầu nản.

</body>
</html>

Gợi ý của bài tập 2

Gợi ý: sử dụng thẻ <blockquote> với thuộc tính cite.

Câu trả lời của bài tập 2

<!DOCTYPE html>
<html>
<body>

<blockquote cite="http://ift.tt/2veMj90">Vạn sự khởi đầu nan, gian nan bắt đầu nản.</blockquote>

</body>
</html>

7.3 Bài tập 3

Chữ “WHO” trong văn bản dưới đây là viết tắt của chữ “World Health Organization”.
Sử dụng thẻ có trong HTML để cung cấp thông tin cho trình duyệt về chữ viết tắt “WHO”.

<!DOCTYPE html>
<html>
<body>

<p>WHO được thành lập vào năm 1948.</p>

</body>
</html>

Gợi ý của bài tập 3

Gợi ý: sử dụng thẻ <abbr> với thuộc tính title.

Câu trả lời của bài tập 3

<!DOCTYPE html>
<html>
<body>

<p><abbr title="World Health Organization">WHO</abbr> được thành lập vào năm 1948.</p>

</body>
</html>

8. Lời cuối bài

Qua bài viết này chắc các bạn đã biết thêm về các thẻ được dùng trong văn bản trích dẫn. Ở bài kế tiếp tôi sẽ giới thiệu về màu sắc và cách viết chú thích trong code HTML.

The post [HTML bài 12] Các thẻ liên quan đến trích dẫn và yếu tố trích dẫn appeared first on Học online.



from WordPress http://ift.tt/2vecXig
via IFTTT

Không có nhận xét nào:

Đăng nhận xét