HTML CLASS-5 (HTML FORMATING)

HTML CLASS-5 (HTML FORMATING)


Note:- If you not attend previous class then first of all attend those  because all of those are very important for your basics.

You can attend them by clicking below:

If you use a word processor, you must be familiar with the ability to make text bold, italicized, or underlined; these are just three of the ten options available to indicate how text can appear in HTML and XHTML.


Bold Text-
Anything that appears within element, is displayed in bold as shown below:

Example-




Bold Text Example


The following word uses a bold typeface.





This will produce the following result-
//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
(adsbygoogle = window.adsbygoogle || []).push({});
The following word uses a bold typeface.

Italic Text-
Anything that appears within element is displayed in italicized as shown below:

Example-




Italic Text Example


The following word uses a italicized typeface.



Also Read:-Download PHP Important Notes (Beginners To Programmer)HISTORY OF PHPPHP Kya Hota Hai? || What Is PHP?|| PHP क्या होता है ?


This will produce the following result-


The following word uses an italicized typeface.

Underlined Text-
Anything that appears within element, is displayed with underline as shown below:

Example-




Underlined Text Example


The following word uses a underlined typeface.






This will produce the following result-


The following word uses an underlined typeface.

Strike Text-
Anything that appears within element is displayed with strikethrough, which is a thin line through the text as shown below:

Example-





Strike Text Example


The following word uses a strikethrough typeface.






This will produce the following result-


The following word uses a strikethrough typeface.

Monospaced Font-
The content of a ... element is written in monospaced font. Most of the fonts are known as variable-width fonts because different letters are of different widths (for example, the letter ‘m’ is wider than the letter ‘i’). In a monospaced font, however, each letter has the same width.

Example-




Monospaced Font Example


The following word uses a monospaced typeface.






This will produce the following result-


The following word uses a monospaced typeface.
//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
(adsbygoogle = window.adsbygoogle || []).push({});
Superscript Text-

The content of a element is written in superscript; the font size used is the same size as the characters surrounding it but is displayed half a character’s height above the other characters.

Example-




Superscript Text Example


The following word uses a superscript typeface.





This will produce the following result-


The following word uses a superscript typeface.

Subscript Text-
The content of a element is written in subscript; the font size used is the same as the characters surrounding it, but is displayed half a character’s height beneath the other characters.

Example-




Subscript Text Example


The following word uses a subscript typeface.





This will produce the following result-


The following word uses a subscript typeface.

Inserted Text-
Anything that appears within element is displayed as inserted text.

Example-




Inserted Text Example


I want to drink cola wine






This will produce the following result-

I want to drink cola wine.

Deleted Text-
Anything that appears within element, is displayed as deleted text.

Example-




Deleted Text Example


I want to drink cola wine






This will produce the following result-

I want to drink cola wine.

Larger Text-
The content of the element is displayed one font size larger than the rest of the text surrounding it as shown below:

Example-




Larger Text Example


The following word uses a big typeface.





This will produce the following result-


The following word uses a big typeface.

Smaller Text-
The content of the element is displayed one font size smaller than the rest of the text surrounding it as shown below:

Example-




Smaller Text Example


The following word uses a small typeface.






This will produce the following result-

The following word uses a small typeface.

Grouping Content-
The

and elements allow you to group together several elements to create sections or subsections of a page.

For example, you might want to put all of the footnotes on a page within a

element to indicate that all of the elements within that

element relate to the footnotes. You might then attach a style to this

element so that they appear using a special set of style rules.

Example-




Div Tag Example
//pagead2.googlesyndication.com/pagead/js/adsbygoogle.js
(adsbygoogle = window.adsbygoogle || []).push({});



Content Articles


Actual content goes here…..






This will produce the following result-

HOME | CONTACT | ABOUT

CONTENT ARTICLES-
Actual content goes here…..
The element, on the other hand, can be used to group inline elements only. So, if you have a part of a sentence or paragraph which you want to group together, you could use the element as follows

Example-




Span Tag Example


This is the example of span tag and the div tag alongwith CSS





This will produce the following result-

This is the example of span tag and the div tag along with CSS

These tags are commonly used with CSS to allow you to attach a style to a section of a page.

Recommended for you:-


Man Of Steel 2013 (DUAL AUDIO) (superman)Black Panther 2018 (DUAL AUDIO)(avengers)Download Resident Evil: Apocalypse 2004 MovieLogan 2017 DUAL AUDIO(x-men)Avengers: Age Of Ultron 2015The Avengers 2012 (ENG+HINDI)Deadpool 2016 (ENG+HIND)Harry Potter And The Chamber Of Secrets 2002Harry Potter And The Prisoner Of Azkaban 2004Harry Potter And The Goblet Of Fire 2005Harry Potter And The Order Of The Phoenix 2007

Leave a comment