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!
Topics Covered
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
Attributes of HR tag
HR can have the following attributes:
- Color: It is used to apply color to HR. The value can be any color name or color code.
- Size: It is Used to change the height of HR. It can be in number or %.
- Width: It is used to change the width of HR. It can be in number or %.
- 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
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
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
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.
[…] to do registration first. In previous articles, we have discussed images in HTML, Lists in HTML, HTML formatting Tags, HTML basic […]