HTML Q Tag

HTML <q> Tag

HTML quotes are used to put a short quotation on your website. To do this, we have to use HTML <q> Tag and HTML <blockquote> Tag as given below.

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML q tag</title>
</head>
<body>

<h1>This is HTML q Tag Example</h1>
   
 This is <q> HTML Tutorials </q>.<br>
 HTML Full Form is <q> HyperText Markup Language. </q>
</body>
</html>

Output:-

This is HTML Tutorials .
HTML Full Form is HyperText Markup Language.

HTML Rp Tag

HTML <rp> Tag

If the browser does not support the display of Ruby annotations, the HTML <rp> Tag is used to provide fall back parentheses for the content to be shown in the browser.

Ruby annotations are used to display certain characters in many Asian languages using the <ruby> Tag.

The <rp> Tag must enclose the <rt> Tag with parentheses that contains the text of the annotation.

Example:-

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML rp tag</title>
</head>
<body>

<h1>This is HTML rp Tag Example</h1>
 <ruby>  
     漢<rp>(</rp><rt>Kan</rt><rp>)</rp>  
    字 <rp>(</rp><rt>ji</rt><rp>)</rp>  
</ruby>  
</body>
</html>

Output:-tag is used to provide fall back parentheses for the content to be shown in the browser.

漢(Kan) 字 (ji)

The <rp> Tag is new in HTML5.

HTML Rt Tag

HTML <rt> Tag

The HTML <rt> Tag provides translation, pronunciation, or transliteration information for East Asian characters present in Ruby language annotations.

<rt> Tag must be enclosed within <ruby>and <rp> Tag.

The <rt> Tag is new in HTML5.

Example:-

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML rt tag</title>
</head>
<body>

<h1>This is HTML rt Tag Example</h1>
<ruby>  
     大哥<rt>Big Brother</rt>  
</ruby>   
</body>
</html>

Output:-

大哥Big Brother

HTML Ruby Tag

HTML <ruby> Tag

The HTML <ruby> Tag is used to represent Ruby annotations on a web page. Ruby annotations are useful if we want to show the pronunciation of East Asian characters such as Chinese and Japanese Chinese.

The <ruby> Tag is enclosed in one or more elements that give an accent to Ruby annotations and are displayed above the annotation characters. It may also contain an <rp> Tag (optional) element that is used as a fall-back parenthesis for browsers that do not support Ruby annotations.

The HTML <ruby> Tag can also be used to denote short annotations that are relevant to the main content in addition to the East Asian language.

The <ruby> Tag is new in HTML5.

(optional) element that is used as a fall-back parenthesis for browsers that do not support Ruby annotations.Example:-

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>HTML ruby tag</title>
</head>
<body>

<h1>This is HTML ruby Tag Example</h1>
<ruby>
     大哥<rt>Big Brother</rt>
</ruby>
<p>Noraml Annotaion Representation of Expiry date</p>
<ruby>
    2022<rp>(</rp><rt>Year</rt><rp>)</rp>
     12<rp>(</rp><rt> Month</rt><rp>)</rp>
    06<rp>(</rp><rt>Date</rt><rp>)</rp>
</ruby>
</body>
</html>

Output:-

大哥Big Brother

Noraml Annotaion Representation of Expiry date

2022(Year) 12( Month) 06(Date)

(optional) elements.

HTML Rp Tag

HTML Rt Tag

HTML Ruby Tag

Related Posts

Understanding Responsive Design in Web Development

Building a Dynamic Search Input with Suggestions: A Step-by-Step Guide

Leave a Reply Cancel reply