The <blockquote> element is used to mark a section of quoted text within a document. It is typically used to quote longer sections of text, such as paragraphs or entire articles. The cite attribute can be used to provide the source of the quoted text.
The <q> element is used to mark a short inline quotation within a document. It is typically used to quote a single sentence or phrase. Like the <blockquote> element, the cite attribute can be used to provide the source of the quoted text.
The <cite> element is used to mark a citation within a document. It is typically used to provide information about the source of a particular piece of content, such as a book, article, or website. The cite attribute can be used to provide the source of the citation.
In conclusion, HTML quotation and citation elements are important tools for indicating quoted or referenced text within an HTML document. The <blockquote>, <q>, and <cite> elements are used to mark quoted text, short inline quotations, and citations, respectively. These elements provide essential information for readers and help to establish the credibility and accuracy of a document.
In this chapter we will go through the <blockquote>,<q>, <abbr>, <address>, <cite>, and <bdo> HTML elements.
HTML <blockquote> for Quotations
The HTML <blockquote> element is used to indicate a section of text that is quoted from another source. It is typically used to quote longer sections of text, such as paragraphs or entire articles, and is a useful tool for providing context and supporting arguments in academic writing or research papers.
The <blockquote> element is a block-level element, which means that it is used to create a block of content that is separate from surrounding content. By default, the browser will add indentation to the left and right sides of the blockquote to visually set it apart from other content.
The <blockquote> element can be used with other HTML elements, such as the <p> element, to create a nested structure that reflects the organization of the original source text. Additionally, the cite attribute can be used to provide a URL or other reference to the source of the quoted text.
Overall, the <blockquote> element is a valuable tool for indicating quoted text in an HTML document, and can help to improve the clarity and accuracy of written content.
The HTML <blockquote> element defines a section that is quoted from another source.
Browsers usually indent <blockquote> elements.
HTML <q> for Short Quotations
The HTML <q> element is used to indicate a short inline quotation within a document. It is typically used to quote a single sentence or phrase, and is a useful tool for providing context or emphasis in written content.
The <q> element is an inline element, which means that it is used to create a section of content that flows within the surrounding text. By default, the browser will add quotation marks around the content inside the <q> element to visually set it apart from other content.
The <q> element can be used with other HTML elements, such as the <p> element, to create a nested structure that reflects the organization of the original source text. Additionally, the cite attribute can be used to provide a URL or other reference to the source of the quoted text.
Overall, the <q> element is a valuable tool for indicating short inline quotations in an HTML document, and can help to improve the clarity and impact of written content.
The HTML <q> tag defines a short quotation.
Browsers normally insert quotation marks around the quotation.
HTML <abbr> for Abbreviations
The HTML <abbr> element is used to indicate an abbreviation or acronym within a document. It is typically used to provide an explanation or definition for an abbreviation, and is a useful tool for improving the clarity and accessibility of written content.
The <abbr> element is an inline element, which means that it is used to create a section of content that flows within the surrounding text. By default, the browser will add a dotted underline to the content inside the <abbr> element to visually set it apart from other content.
The <abbr> element can be used with the title attribute to provide a full explanation or definition for the abbreviation. When the user hovers over the abbreviated text, the full explanation will appear in a tooltip.
Overall, the <abbr> element is a valuable tool for indicating abbreviations or acronyms in an HTML document, and can help to improve the clarity and understanding of written content, particularly for readers who may not be familiar with specialized or technical terminology.
The HTML <abbr> tag defines an abbreviation or an acronym, like "HTML", "CSS", "Mr.", "Dr.", "ASAP", "ATM".
Marking abbreviations can give useful information to browsers, translation systems and search-engines.
Tip: Use the global title attribute to show the description for the abbreviation/acronym when you mouse over the element.
HTML <address> for Contact Information
The HTML <address> element is used to indicate contact information for the author or owner of a document. It is typically used to provide a physical or email address, phone number, or other contact details, and is a useful tool for improving the accessibility and usability of web content.
The <address> element is a block-level element, which means that it is used to create a block of content that is separate from surrounding content. By default, the browser will add italic styling to the content inside the <address> element to visually set it apart from other content.
The <address> element can be used in combination with other HTML elements, such as the <p> element, to create a nested structure that reflects the organization of the contact information. Additionally, the href attribute can be used to provide a link to a website or email address associated with the contact information.
Overall, the <address> element is a valuable tool for indicating contact information in an HTML document, and can help to improve the accessibility and usability of web content for users who may need to contact the author or owner of a document.
The HTML <address> tag defines the contact information for the author/owner of a document or an article.
The contact information can be an email address, URL, physical address, phone number, social media handle, etc.
The text in the <address> element usually renders in italic, and browsers will always add a line break before and after the <address> element.
HTML <cite> for Work Title
The HTML <cite> element is used to indicate the title of a work or publication within a document. It is typically used to provide a reference to a book, article, or other written work, and is a useful tool for providing context and supporting arguments in academic writing or research papers.
The <cite> element is an inline element, which means that it is used to create a section of content that flows within the surrounding text. By default, the browser will add italic styling to the content inside the <cite> element to visually set it apart from other content.
The <cite> element can be used with other HTML elements, such as the <p> or <i> elements, to create a nested structure that reflects the organization of the original source text. Additionally, the title attribute can be used to provide additional information or metadata about the cited work.
Overall, the <cite> element is a valuable tool for indicating the title of a work or publication in an HTML document, and can help to improve the clarity and accuracy of written content.
The HTML <cite> tag defines the title of a creative work (e.g. a book, a poem, a song, a movie, a painting, a sculpture, etc.).
Note: A person's name is not the title of a work.
The text in the <cite> element usually renders in italic.
HTML <bdo> for Bi-Directional Override
The HTML <bdo> element is used to indicate that text should be displayed in a different direction than the surrounding text. It is typically used to provide support for languages or scripts that are written from right to left, such as Arabic or Hebrew.
The <bdo> element is an inline element, which means that it is used to create a section of content that flows within the surrounding text. By default, the browser will display text from left to right, but the direction of the text can be changed using the dir attribute.
The dir attribute can be set to either "ltr" (left-to-right) or "rtl" (right-to-left), depending on the language or script being used. Additionally, the lang attribute can be used to specify the language of the text being displayed.
Overall, the <bdo> element is a valuable tool for indicating the direction of text in an HTML document, and can help to improve the accessibility and usability of web content for users who need support for languages or scripts that are written from right to left.
BDO stands for Bi-Directional Override.
The HTML <bdo> tag is used to override the current text direction:
HTML Quotation and Citation Elements
