Comprehensive notes HTML Formatting Tags Class 10

In this article, you will get comprehensive notes on HTML formatting tags class 10. This is one of the learning outcomes Computer Applications subject. So lets we start!
 

HTML Formatting Tags Class 10

When you create a webpage using HTML it displays the output in default settings. When we change this default setting as per our requirement such as colours of text and background, size of text, setting up default spaces etc.
 
The process of changing this default setting is known as formatting. So in this chapter, We will discuss formatting tags. Before starting this chapter I would like to recommend you to go through the previous chapters HTML Basics and HTML Basic elements.
 
Let us start the article HTML formatting tags class 10 with hr tag. 

The <hr> Tag

This tag is used to draw a horizontal line across the page. hr means that horizontal rule. Let’s have a look at the following HTML code.
<html>
<head>
<title> HR tag</title>
</head>
<body>
Welcome to my blog - TutorialAICSIP.
<hr>
This website provides you study material for Artificial Intelligence,
Computer Science, Inoformatics Practices, Information technology and
Computer Applications.
</body>
</html>
Output
HR tag output HTML Formatting Tags Class 10
HR tag output HTML Formatting Tags Class 10

Attributes of HR tag

HR can have the following attributes:
  1. Color: It is used to apply color to HR. The value can be any color name or color code.
  2. Size: It is Used to change the height of HR. It can be in number or %.
  3. Width: It is used to change the width of HR. It can be in number or %.
  4. Align: It is used to change the alignment of HR. 
<html>
<head>
<title> HR tag</title>
</head>
<body>
Welcome to my blog - TutorialAICSIP.
<hr color="red" size=5 width="50%" align="left">
This website provides you study material for Artificial Intelligence,
Computer Science, Inoformatics Practices, Information technology and
Computer Applications.
</body>
</html>
Output
HTML HR Attributes Output
HTML HR Attributes Output

In the next section of  HTML formatting tags class 10, you will learn how to insert comments. 

Inserting comments

Comments are additional text required to describe some tags or to write explanatory of the specific tags in the HTML web page. Comments in HTML page starts with <!–Comment Text–>. Comment text is not displayed in the output. 
 
The next section of HR tag for HTML formatting tags class 10 talks about the heading tags. 

The heading tags

Headings are very useful for HTML documents. It helps to write the keywords in the document. You can write the headings in a proper hierarchy with appropriate levels of headings. These headings levels are ranging from heading 1 to heading 6. The top-level heading is heading 1 and the bottom level heading is H6. H1 is the biggest in size whereas H6 is the smallest. Have look at the following code:
<html>
<head>
<title> Headings in HTML</title>
</head>
<body>
Welcome to my blog - TutorialAICSIP. This blog provides you following
subjects study materials of CBSE curriculum.
<h1>Computer Science</h1>
<h2>Artificial Intelligence</h2>
<h3>Informatics Practices</h3>
<h4>Information Technology</h4>
<h5>Computer Applications</h5>
<h6>Computer 4 to 8</h6>

</body>
</html>
Output
Headings in HTML
Headings in HTML

The <p> Tag

The <p> tag is used to apply formatting like a paragraph. The text written in between <p>…</p> known as paragraph body. Whenever you want to write the contents of a specific section you can use this tag. 
 

The <b>, <i>, <u> tag

The <b> tag is used to apply a bold effect to the enclosed text. 
 
The <i> tag is used to apply an italics affect the enclosed text.
 
The <u> tag is used to underline the enclosed text. 
<html>
<head>
<title> Bold, Italics and underline in HTML</title>
</head>
<body>
Welcome to my blog -<b>TutorialAICSIP</b>.
This blog provides you computer related subjects <i>study materials</i> of <u>CBSE curriculum<u>
</body>
</html>
Output
Bold italics and underline in HTML
 
Thank you for reading this article HTML Formatting Tags Class 10. If you enjoyed this article then hit the like the button and comment your opinion about this. Share it with your friends and classmates. 

1 thought on “Comprehensive notes HTML Formatting Tags Class 10”

  1. Pingback: The complete guide - HTML Forms for CBSE class 10 Computer Applications - TutorialAICSIP Computer Applications

Comment Your Views

%d bloggers like this: