Formatting and paragraph
Formatting and paragraph elements in HTML are fundamental components used to structure and present textual content effectively on a webpage. Paragraph formatting begins with the <p> tag, which defines a block of text as a separate paragraph. Browsers automatically add spacing before and after each paragraph, improving readability and content organization. Proper use of paragraphs helps divide content into logical sections, making it easier for users to understand the information.
In addition to paragraphs, HTML provides several text formatting tags that enhance the appearance and meaning of content. Tags such as <b> and <strong> are used to make text bold, while <i> and <em> are used to italicize text. Although <b> and <i> mainly affect visual presentation, <strong> and <em> add semantic importance, which improves accessibility and search engine optimization. Other formatting tags include <u> for underlined text, <mark> for highlighted text, <small> for smaller text, <sub> for subscript, and <sup> for superscript. Line breaks can be inserted using the <br> tag when content needs to move to a new line without starting a new paragraph.
Overall, paragraph and formatting elements play a crucial role in organizing content, improving readability, and emphasizing important information. Using these elements correctly ensures that webpages are both visually appealing and semantically meaningful.
!DOCTYPE html>
<html>
<head>
<title> My College </title>
</head>
<body>
<h1> Velammal College of Engineering and Technology </h1>
<h2> Department of Computer Science and Engineering </h2>
<p title="CSE"> Computer Science</p>
<P title="IT"> Information Technology </P>
<hr>
<P> Velammal College of Engineering and Technology is a private<br> institution located in the temple city of Madurai, Tamil Nadu.</P>
<pre title="Pre alignment">It was established by the Velammal Educational Trust.
The college was started in 2007 in Madurai to provide professional
education to the students of south Tamil Nadu.</Pre>
</body>
</html>
Comments
Post a Comment