IMG-LOGO
×

Tài Liệu Môn Học

Khoá học lập trình HTML/CSS

Nhập Môn HTML

[Video] Giới thiệu về lập trình web - HTML/CSS [Video] Hướng dẫn tạo ra 1 trang web đơn giản nhất - HTML/CSS [Video] Hướng dẫn debug/test/develop trên trình duyệt web -HTML/CSS

Tìm Hiểu Thẻ HTML5

[Video] Formatting Text using Tags - html tags [Video] Creating Hyperlinks and Anchors (phần 1) - html tags [Video] Creating Hyperlinks and Anchors (phần 2) - html tags [Video] Cách dùng thẻ img và map để hiển thị hình ảnh html - HTML/CSS [Video] Tìm hiểu về đường dẫn file (path file) trong HTML/CSS

CSS

[Video] Tìm hiểu thuộc tính trong thẻ html [Video] Giới thiệu CSS & Sử dụng các thuộc tính cơ bản [Video] Hướng dẫn tách biệt CSS và HTML [Video] Xử lý Event trong CSS (:hover, :active, :link, ...) - Lập trinh HTML/CSS

Table & CSS

[Video] Tìm hiểu table trong HTML/CSS - HTML/CSS

Form & CSS

[Video] Thiết kế form trong HTML/CSS/JS [Video] Tìm hiểu tag videos, audio trong HTML/CSS/JS [Video] Bài tập - Thiết kế form gửi email - Lập trình HTML/CSS/JS

Thiết Kế Layout

[Video] Tìm hiểu Frame qua ví dụ quản lý khách sạn HTML/CSS [Video] Hướng dẫn tạo layout bằng thẻ Div căn bản [Video] Hướng dẫn thiết kế layout bằng thẻ div nâng cao (Thiết kế giao diện web gokisoft)




Trang Chủ Học HTML5 - CSS3 HTML Quotation and Citation Elements - Trích dẫn và các thành phần trích dẫn trong HTML

HTML Quotation and Citation Elements - Trích dẫn và các thành phần trích dẫn trong HTML

by GokiSoft.Com - 17:15 21/05/2020 2,250 Lượt Xem

Trong chương này chúng ta sẽ đi qua các thành phần <q><blockquote><abbr><address><cite>, và <bdo> của HTML.

ví dụ

Here is a quote from WWF's website:

For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.
<!DOCTYPE html>
<html>
<body>

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>

</body>
</html>



Thẻ <q> trong HTML dùng cho các trích dẫn ngắn 


Thành phần <q> trong HTML định nghĩa một trích dẫn ngắn.

Trình duyệt thường chèn các dấu trích dẫn xung quanh thẻ  <q> .

ví dụ

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>
<!DOCTYPE html>
<html>
<body>

<p>Browsers usually insert quotation marks around the q element.</p>

<p>WWF's goal is to: <q>Build a future where people live in harmony with nature.</q></p>

</body>
</html>



Thẻ <blockquote> dùng cho các trích dẫn


Thành phần <blockquote> trong HTML định nghĩa một vùng được trích dẫn từ mô nguồn khác.

Trình duyệt thường thụt lề các thành phần <blockquote> .

ví dụ

<p>Here is a quote from WWF's website:</p>
<blockquote cite="http://www.worldwildlife.org/who/index.html">
For 50 years, WWF has been protecting the future of nature.
The world's leading conservation organization,
WWF works in 100 countries and is supported by
1.2 million members in the United States and
close to 5 million globally.
</blockquote>
<!DOCTYPE html>
<html>
<body>

<p>Browsers usually indent blockquote elements.</p>

<blockquote cite="http://www.worldwildlife.org/who/index.html">
For nearly 60 years, WWF has been protecting the future of nature. The world's leading conservation organization, WWF works in 100 countries and is supported by more than one million members in the United States and close to five million globally.
</blockquote>

</body>
</html>



Thẻ <abbr> trong HTML dùng cho các từ viết tắt


Thành phần <abbr> trong HTML định nghĩa một viết tắt.

Đánh dấu các viết tắt có thể cung cấp các thông tin hữu ích cho trình duyệt, các hệ thống dịch và các công cụ tìm kiếm.

ví dụ

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>
<!DOCTYPE html>
<html>
<body>

<p>The <abbr title="World Health Organization">WHO</abbr> was founded in 1948.</p>

<p>Marking up abbreviations can give useful information to browsers, translation systems and search-engines.</p>

</body>
</html>



Thẻ <address> trong HTML dùng cho thông tin liên lạc


Thành phần <address> định nghĩa các thông tin liên lạc (tác giả/ chủ sở hữu) của một tài liệu hoặc bài báo.

Thành phần <address> thường hiển thị trong dạng chữ in nghiêng. Hầu hết các trình duyệt sẽ thêm một ngắt dòng trước và sau thành phần.

ví dụ

<address>
Written by John Doe.<br>
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>
<!DOCTYPE html>
<html>
<body>

<p>The HTML address element defines contact information (author/owner) of a document or article.</p>

<address>
Written by John Doe.<br> 
Visit us at:<br>
Example.com<br>
Box 564, Disneyland<br>
USA
</address>

</body>
</html>




Thẻ <cite> trong HTML dùng cho tiêu đề tác phẩm


Thành phần <cite> trong HTML định nghĩa tiêu đề của một tác phầm.

Các trình duyệt thường hiển thị thành phần <cite> ở dạng chữ in nghiêng.

ví dụ

<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>
<!DOCTYPE html>
<html>
<body>

<p>The HTML cite element defines the title of a work.</p>
<p>Browsers usually display cite elements in italic.</p>

<img src="img_the_scream.jpg" width="220" height="277" alt="The Scream">
<p><cite>The Scream</cite> by Edvard Munch. Painted in 1893.</p>

</body>
</html>




Thẻ <bdo> trong HTML dùng cho ghi đè hai chiều


Thành phần <bdo> định nghĩa ghi dè hai chiều.

Thành phần <bdo> thường được dùng để ghi đè hướng của của văn bản hiện tại:

ví dụ

<bdo dir="rtl">This text will be written from right to left</bdo>
<!DOCTYPE html>
<html>
<body>

<p>If your browser supports bi-directional override (bdo), the next line will be written from right to left (rtl):</p>

<bdo dir="rtl">This line will be written from right to left</bdo>

</body>
</html>





Bình luận



Chia sẻ từ lớp học

Phân Loại Bài Viết

Tài Liệu Tham Khảo

Đã sao chép!!!