Web Application

HTML BASICS

HTML

Step to write a basic html program:

Step 1: Open Notepad (PC)

Open the Start Screen . Type Notepad.

Step 2: Write Some HTML

Write or copy the following HTML program into Notepad:

<!DOCTYPE html>

<html>

<head>

<title>my first program</title>

</head>

<body>

 

<h1>Samvaba</h1> <br>

<p>Presenting Introduction to Html</p>

 

</body>

</html>

Step 3: Save the HTML Page

Save the file on your computer. Select File -> Save in the Notepad menu.

You can give any name to your HTML file just use .htm or .html while saving it. Here we are giving the name “start” so we are saving it with the name “start.html”.

Step 4: View the HTML Page in Your Browser

Open the saved HTML file in your favourite browser by double clicking on the file or right click choose “open with” and then choose your browser.

Explanation

The <!DOCTYPE html> defines that this document is an HTML document

The <html> element is the root/basic element of an HTML page

The <head> element contains meta/page heading information about the HTML page

The <title> element specifies a title for the HTML page (which is shown in the browser’s title bar or in the page’s tab)

The <body> element defines the document’s body, and is a container for all the visible contents.

The <h1> element defines a large heading

The <p> element defines a paragraph

HTML Headings

HTML headings are defined with the <h1> to <h6> tags.

<h1> defines the largest heading. <h6> defines the smallest heading.

Program to help you out

<!DOCTYPE html>

<html>

<body>

 

<h1>heading 1</h1>

<h2>heading 2</h2>

<h3>heading 3</h3>

<h4>heading 4</h4>

<h5>heading 5</h5>

<h6>heading 6</h6>

 

</body>

</html>

We can see with increase in tag from h1 to h6 font size is decreasing

HTML Paragraphs

HTML paragraphs are defined with the <p> tag:

<!DOCTYPE html>

<html>

<body>

 

<p>This is a paragraph. </p>

<p>This is another paragraph. </p>

 

</body>

</html>

    Gautam Kedia

    I am Gautam Kedia, presently studying in D.A.V. MODEL SCHOOL, DURGAPUR. I have an interest in photoshop as well as in the technology field.

    Leave a Reply

    Your email address will not be published. Required fields are marked *

    Back To Top