Scribd
Upload
2 views

Day_02_Text and Formatting

Uploaded by

meherpraveen369
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
2 views

Day_02_Text and Formatting

Uploaded by

meherpraveen369
Copyright
© © All Rights Reserved
Available Formats
Download as PDF, TXT or read online on Scribd
You are on page 1/ 4

Day_02

Text and Formatting


Fronted-Web development
Get Practice and examples

mehereesh/Github.com
You Get Every Notes and examples and
challenges here.

CHINTAMAKULA MEHEREESH 1
How to start?
Step1: Install visual studio code.
Step2: Download extensions (live server, Prettier).
Step3: Create the folder, Create a file with name (index.html)
Step 4: Enter Code, Tap Go live (Live server) live preview appeared in web.

Heading tags:
Header tags are used to define headings in an HTML document. There are six levels of
headings, ranging from <h1> (most important) to <h6> (least important).

<h1>: Main heading, usually the title of the page


<h2>: Subheading, used to break up content into sections
<h3>: Sub-subheading, used to further break up content
<h4>, <h5>, <h6>: Used for even smaller headings

Example:
<h1>Main Heading</h1>
<h2>Subheading</h2>
<h3>Sub-subheading</h3>

CHINTAMAKULA MEHEREESH 2
Paragraph Tag:
<p> The paragraph tag is used to define a paragraph of text.
Syntax:
<p> Content </p>

Example:
<p>This is a paragraph of text.</p>
Strong and Emphasis Tags:
<strong> The strong tag is used to indicate strong importance .
<em> emphasis, while the emphasis tag is used to indicate mild emphasis.
Example:

<p>This text is <strong>very important</strong>


<em>somewhat emphasized</em>.</p>

Line Break Tag:


<br> The line break tag is used to insert a line break in a paragraph of text.

Example:
<p>This is a paragraph of text. <br> This is a new line.</p>

Horizontal Rule Tag:


<hr> The horizontal rule tag is used to insert a horizontal line to separate content.
Example:
<p>This is a paragraph of text.</p>
<hr>
<p>This is a new section of content.</p>

CHINTAMAKULA MEHEREESH 3
Practice Time!
<!DOCTYPE html>
<html>
<head>
<title>Text Formatting</title>
</head>
<body>
<h1>Main Heading</h1>
<p>This is a paragraph of text.</p>
<h2>Subheading</h2>
<p>This text is <strong>very important</strong> and <em>somewhat
emphasized</em>.</p>
<p>This is a paragraph of text.<br>This is a new line.</p>
<hr>
<h3>Sub-subheading</h3>
<p>This is a new section of content.</p>
</body>
</html>
Open this HTML document in a web browser to see the formatted text in action!

Final Web Output:

CHINTAMAKULA MEHEREESH 4

You might also like