Belajar HTML Dari Nol Untuk Pemula: Cara Membuat Kutipan Teks di HTML | Tag blockquote

Summary

In this tutorial, the instructor explains how to create text quotations in HTML. The video covers two methods for adding quotes using HTML tags. First, it demonstrates the use of the <cite> tag to mark the author’s name in italics, and the <blockquote> tag for the quote itself. The second method involves wrapping the quote and the author’s name in respective tags for a similar effect. The demonstration is shown in a browser, and the result is a properly formatted citation. The video aims to help viewers easily implement text quotes in their HTML projects.

Takeaways

• 😀 Introduction to creating text quotes in HTML using specific tags.
• 😀 A prepared file with quotes from Nelson Mandela and Muhammad Ali is used for the demonstration.
• 😀 The `<cite>` tag is used to specify the author of a quote in HTML.
• 😀 The `<cite>` tag wraps around the author's name and is displayed in italics by default in the browser.
• 😀 The `<blockquote>` tag is used to wrap the quote text itself, marking it as a quotation.
• 😀 The browser automatically displays quotation marks around text within the `<blockquote>` tag.
• 😀 The author’s name (e.g., Nelson Mandela) is displayed in italics when wrapped with the `<cite>` tag.
• 😀 A live demonstration in the browser shows how the quote and author’s name appear when using the HTML tags.
• 😀 The technique used in the video is simple and effective for displaying quotes on a webpage.
• 😀 The tutorial concludes by reiterating the importance of using the `<blockquote>` and `<cite>` tags for formatting quotes in HTML.

Q & A

What is the main topic discussed in the video?

The video discusses how to create text quotations in HTML, including using tags for quotes and author names.

Which HTML tag is used to indicate the author of a quotation?

The <cite> tag is used to indicate the author of a quotation. It typically displays the author's name in italics.

What does the <q> tag do in HTML?

The <q> tag is used for short, inline quotations within a paragraph, and browsers usually display the text with quotation marks automatically.

How does the <blockquote> tag differ from the <q> tag?

The <blockquote> tag is used for longer quotations that stand alone as blocks, often displayed with indentation, unlike <q> which is inline.

In the video, which famous figures are used as examples for quotations?

The video uses Nelson Mandela and Muhammad Ali as examples for demonstrating HTML quotations.

How do you format the author’s name inside a quotation using HTML?

The author’s name is placed inside a <cite> tag, which can be used either within or after the quotation.

What happens when you refresh the browser after adding <cite> and <q> tags?

The quotation text appears marked with quotation marks if using <q>, and the author's name is displayed in italics if using <cite>.

Can <blockquote> contain multiple paragraphs?

Yes, <blockquote> can contain multiple paragraphs, each typically wrapped in <p> tags for proper formatting.

Why would someone choose <blockquote> over <q> for a quotation?

You would use <blockquote> for longer, stand-alone quotations that need to be visually separated from the main text, while <q> is suitable for short, inline quotes.

Is it necessary to use both <cite> and <q>/<blockquote> together?

No, it is not strictly necessary, but combining them helps clearly indicate both the quotation and the author, improving readability and semantic structure.

What is the overall purpose of using these tags in HTML?

The purpose is to semantically mark quotations and their authors, which improves accessibility, readability, and proper formatting in web pages.