Scribd
Upload
11 views12 pages

Add Text in HTML: A Beginner's Guide

The document provides a basic guide on how to add text in HTML using the Sublime Text Editor. It explains the structure of an HTML document, including the use of <body> tags and various text formatting tags like <h1>, <p>, <b>, and <i>. Additionally, it covers how to apply background and font colors using inline styles.

Uploaded by

shivchauhan3rdid
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd
11 views12 pages

Add Text in HTML: A Beginner's Guide

The document provides a basic guide on how to add text in HTML using the Sublime Text Editor. It explains the structure of an HTML document, including the use of <body> tags and various text formatting tags like <h1>, <p>, <b>, and <i>. Additionally, it covers how to apply background and font colors using inline styles.

Uploaded by

shivchauhan3rdid
Copyright
© All Rights Reserved
We take content rights seriously. If you suspect this is your content, claim it here.
Available Formats
Download as PPTX, PDF, TXT or read online on Scribd

BASIC PROGRAMMING

HTML
PERIOD -1
ADD TEXT IN HTML
HYPERTEXT MARKUP LANGUAGE

HOW TO ADD TEXT IN HTML ?


Download/Install sublime text Editor in computer

Start sublime text Editor in computer /system

 Open a Folder on Desktop with a name

Create a new file and save the file in name with dot html
(.html)
HYPERTEXT MARKUP LANGUAGE

Inserting a text or paragraph in HTML is quite


simple, between <body> & </body> tags.

Inside <body> and </body> we can add any text


or paragraph to which we can add the tags
<h1>,<p>
BASIC STRUCTURE OF HTML
ADD TEXT ON BODY IN HTML
 HTML <body> tag defines the main content of an
HTML document which displays on the browser.

 It can contain text content, paragraphs, headings,


images, tables, links etc.

o Syntax
○ <body> Place your Content here........</body>
EXAMPLE -ADD TEXT ON BODY IN
HTML PAGE
<!DOCTYPE html> Tells the document type
<html> The root element
<head> Contain the header information
<title>Page Title</title> Defines title of the web Page
</head> Closing tag header information
<body> Hold the content of the web page
h1 to h6 defines
<h1>My first heading</h1> importance of
<p>My first paragraph</p> Represents a paragraph headings

</body> Closing tag content of the web page


</html> closing tag root element/end of the web page
ADD TEXT IN BODY
FORMATTING OF HTML PAGE IN SUBLIME TEXT EDITOR :-
ADD TEXT EFFECTS
FOLLING Tags ARE USED AS TEXT EFFECT
● Syntax
○ <tag> content </tag>
● <p> Paragraph Tag </p>
● <h2> Heading Tag </h2>
● <b> Bold Tag </b>
● <i> Italic Tag </i>
● <u> Underline Tag</u>
● HTML Text Tags
○ <p>, <h1>, <h2>, <h3>, <h4>, <h5>, <h6>
ADD TEXT EFFECTS
<h1>...<h6> Tag
● The <h1> to <h6> tags are used to define HTML
headings.
● <h1> defines the most important heading.
● <h6> defines the least important heading.
Background Color
● Syntax:
○ style="background-color:Orange”;
Font Color
● Syntax:
○ style="color:Tomato";
FORMATTING OF HTML PAGE IN SUBLIME TEXT
EDITOR, USING Tags & TEXT EFFECTS :-
IF ANY QUESTION ?

You might also like