HomeWeb Designing

Learn Web Designing for FREE – HTML Styling, Quotation and Citation Elements (Lesson 3)

Learn Web Designing for FREE – HTML Styling, Quotation and Citation Elements (Lesson 3)
Like Tweet Pin it Share Share Email

In the last tutorial, I have explained about the basic HTML tags like Headings, Paragraph in this article you are going to learn about HTML Styling, Quotation and Citation Elements.

HTML Styling, Quotation and Citation Elements:

HTML Styles:

HTML styles are useful in adding beauty to the HTML code if we say in our own language. You can increase the font size which means text size, you can add colors to the text, background color also.

Structure: <tagname style=”property:value;“>

The property is a CSS property. The value is a CSS value.

Example: <p style=”font-size:16px;”></p>


HTML Font Size is useful  for text sizes.

HTML Text Alignment is useful for text alignment.

HTML Fontsfamily is useful in changing the text fonts.

HTML Background Color is useful for changing the background color of content.

HTML Text Color is useful for adding colors to text.

You will learn more about this tags later in CSS tutorials.

HTML Quotation and Citation Elements:


<abbr> stands for abbreviation as the name itself says. It is detected by browsers and useful in identifying easily.

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


<address> tag is usually useful in defining the address in your website. For example, if you are having contact page in your website and want to display address then we can use address tag.



First Floor,<br>



<address> tag usually adds italic styling to text. Use br tag to break the address into next line.


<bdo> functions as bi-directional override, it means it will override the current text direction.

Example: <bdo dir=”rtl”>This is a text written from right to left</bdo>

Here rtl stands for right to left.


<blockquote> functions in quoting a quotation from another source

Example: <blockquote>Ut nonummy habent soluta claritas veniam. Typi nunc soluta hendrerit mutationem sollemnes. Quis lius dolore et insitam vel. Aliquip consequat futurum claram ut mazim. Facilisi accumsan dolore ii imperdiet consequat.</blockquote>



<cite> functions for hightlighting the functions of work.

Example: Bulb was invented by <cite>Thomas Edison</cite>


<q> functions as basic inline quotation tag

Example:<q>I am grateful for what I am</q>

Over to you:

These are the things you need to learn about HTML styling, colors and other tags. In the next article, you are going to learn very important topic which is very useful as well as important. We are going to cover Anchor tags, links, images and list tags.

So if you found this article useful please do share with your friends. If you have any doubts regarding this tutorial please do comment below in the comment section.

Comments (4)

Comments are closed.