AgerNic.com
WEB DEVELOPER SITE, HTML, CSS, PHP, SQL

How to add text in HTML


<< Previous Page
HTML Tags Attributes
Next Page >>
HTML Style


HTML Tutorial » How to add text in HTML

Inserting a text or paragraph in HTML is quite simple,
between <body> & </body> tags.

Syntax:

<body> your text here</body>

 

How to insert text in HTML - examples

Inside <body> and </body> we can add any text or paragraph to which we can add the tags <h1>, <p>, <strong> learned on the previous page.

Here is an example:

Example
  <html>
<head>
<title> How to insert text in HTML</title>
</head>

<body>
<h1> Title, Information on the content of the pages. My first web page!</h1>
<p> Here we have a Paragraph</p> <br />
<strong> Here we have a strong Paragraph </strong> <br />
<em> Here we have an italic Paragraph </em> <br />
<a href="https://www.agernic.com/html-tutorial.html">Visit our HTML tutorial</a> <br />

</body>
</html>

Note:
 Exceptions - Tags that do not need closing:
<img src="/assets_tutorials/img/image.jpg" /> -- Image Tag --
<br /> -- Line Break Tag --
<input type="text" size="12" /> -- Input Field --
<hr>

Related subjects:
How to put text in image HTML How to insert text in HTML code using javascript dynamically How to add text in HTML

Tags:

How do I put text over an image in HTML?, How do I put text onto a picture?, How do I put text in the middle of an image in HTML?

HTML contains several elements, tags and attributes, for displaying text in several formats with different graphic aspects.

Below is explained how a text can be put in HTML in a simple way, how to add text in HTML

 

How to add, insert text in HTML page using CSS - examples

In order to write text to be displayed on our website, we will simply enter it in the <body> tag, as we have seen in the previous examples.
To insert a paragraph we will write the text between the opening and closing of the <p> tag.

Example
<html>
<head>
<title>My first HTML page</title>
<style>
body {
font: Verdana, Arial, Helvetica, sans-serif;
background-color: #CCC;
margin: 0;
padding: 0;
color: #000;
}
p {
margin-top: 0; /* removing the top margin gets around an issue where
margins can escape from their containing div.
The remaining bottom margin will hold it away from any elements that follow. */
padding-right: 15px;
padding-left: 15px;
}
</style>
</head>
<body>
<h1>Method to write text in HTML</h1>
In order to write text to be displayed
on our website, we will simply
enter it in the <body> tag, as we have seen
in the previous examples.<br />
<p> This paragraph it is an example from AgerNic.com </p>
<p> here you can add how many lines you like</p>
</body>
</html>
 
Note: Don't Forget the End Tag when you add text in HTML

 

Don't Forget the End Tag when you add / insert text in HTML

Don't Forget the End Tag. If you start with <p> you must end with </p>.
Most browsers will display HTML correctly even if you forget the end tag.

Example
<p>This is a paragraph without end tag.
<p>This is another paragraph without end tag.

On this page you get how to Add, insert Text, paragraf in HTML
How To Add Text, paragraf in HTML using CSS, Writing text in HTML for beginners, how to insert text in HTML code, HTML page, add text color box in HTML, space between text,
html add text, on image, to button, on top of image, abov image, box, on hover, to bottom on page,editor, over image

<< Previous Page
HTML Tags Attributes
Next Page >>
HTML Style

 



How To Add Text, paragraph in HTML using CSS, Writing text in HTML for beginners, how to insert text in HTML code, HTML page, add text color box in HTML, space between text,

html add text, on image, to button, on top of image, abov image, box, on hover, to bottom on page,editor, over image
How to add text, paragraf in HTML - html tutorial

Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


HTML Img Background
HTML Image Link
HTML Image Size
HTML Text Style
HTML Text Align
HTML Text Size
HTML Text Color Style
HTML Text Color
HTML Table Color
HTML Table Row Colspan
HTML Table Width
HTML Table Style
HTML Table Border
HTML Table
HTML Font Face
HTML Font Size
HTML Font Color
HTML Headings
HTML div border color
HTML div class
HTML class container
HTML form action
HTML comment
HTML link new tab
HTML link underline
HTML link tag
HTML button action
HTML button onclick
HTML button link
HTML table style
HTML image
HTML colors
HTML div style
Text, paragraf in HTML
HTML Tags Attributes
HTML - Elements
HTML Introduction
Home HTML Tutorial
Online Editor
ONLINE EDITOR

news templates


COLOR PICKER

news templates
This tool makes it easy to create, adjust, and experiment with custom colors for the web.


HTML Templates
news templates
Magnews2 is a modern and creative free magazine and news website template that will help you kick off your online project in style.


CSS HTML Layout
news templates
Find here examples of creative and unique website layouts.


Free CSS HTML Menu
news templates
Find here examples of creative and unique website CSS HTML menu.


jQuery replace...
jQuery replaceClass...
jQuery click ()...
jQuery switchClass()...
jQuery draggable()...
jQuery HTML...
jQuery scroll smooth...
jQuery scroll()...
jQuery stop()...
jQuery animate()...
jQuery SlideToggle()...
jQuery slideDown()...
jQuery slideUp()...
jQuery fadeToggle...
jQuery fadeOut()...
jQuery fadeIn()...
jQuery Effects - hide () and show ()...
jQuery Events...
jQuery Attributes...
jQuery Selectors...