Việc sử dụng thẻ trích dẫn trong các bài viết HTML không quá thường xuyên, nhưng hiểu và biết cách vận dụng thích hợp, sẽ mang lại hiệu quả cao cho trang web trong việc nhấn mạnh, tạo sự nổi bật trong cách trình bày văn bản. Trong bài 10, các bạn sẽ được tìm hiểu và sử dụng các thẻ trích dẫn này qua các ví dụ sinh động.
Cú pháp:
<q>Nội dung cần trích dẫn</q>
Ví dụ 1:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p><h2>Tình yêu là: <q> một cuộc cách mạng giải phóng chủ nghĩa độc thân.</q></h2></p>
</body>
</html>
Kết quả:
Cú pháp:
<blockquote>Nội dung cần trích dẫn</blockquote>
Ví dụ 2:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p><h2>Đơn côi:</h2>
<blockquote>
Hoàng hôn xuống cho lòng em buồn thẳm </br>
Hạnh phúc nào sao mãi vẫn xa xăm </br>
Gió vẫn thổi vào hồn em lạnh buốt </br>
Mưa tâm hồn làm lệ mãi tuôn rơi </br>
</blockquote>
</p>
</body>
</html>
Kết quả:
Cú pháp:
<abbr title="Từ giải nghĩa">Từ viết tắt</abbr>
Ví dụ 3:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>The <abbr title="Fédération Internationale de Football Association">FIFA</abbr> was founded in 1904.</p>
</body>
</html>
Kết quả:
Cú pháp:
<address>Từ viết tắt</address>
Ví dụ 4:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p>
Style tag:
http://minhhienict.blogspot.com/2015/08/html-bai-9-inh-kieu-style.html
</p>
<address>
Written by Hien Minh.<br>
Visit us at:<br>
http://minhhienict.blogspot.com/<br>
</address>
</body>
</html>
Kết quả:
Cú pháp:
<cite>Tiêu đề cần mô tả</cite>
Ví dụ 5:
<!DOCTYPE html>
<html>
<head>
<title>http://minhhienict.blogspot.com/</title>
</head>
<body>
<p><cite>The Scream</cite> by Edward Munch. Painted in 1893.</p>
</body>
</html>
Kết quả:
0 on: "[HTML] Bài 10: Thẻ trích dẫn(Quotations)"