find and solve || findandsolve.com
Please wait.....

HTML website example for students


In this tutoria you wil learn how to write a simple web page with HTML (hypertext markup language) using Notepad, Notepad++ or Text Editor. HTML is one of the core components of the World Wide Web, making up the structure of web pages. 

What Is HyperText Markup Language (HTML)?

HTML stands for Hyper Text Markup Language which is the set of markup symbols or codes inserted into a file intended for display on the Internet.The major points of HTML are given below:

  • HTML stands for HyperText Markup Language.
  • HTML is required to create web pages and web applications.
  • HTML describes the structure of a Web page
  • We can create a static  website by HTML only and also create dynamic web page using HTML and other  language like as c#,java,f# angular etc.
  • HTML elements tell the browser how to display the content
  • Technically, HTML is a Markup language rather than a programming language.


Baisc HTML Tag with example

 <!DOCTYPE html>
<html>
<head>
<title>This is page title section</title>
</head>
<body>
<h1>This is Heading Section</h1>
<p>This is Paragraph Section</p>
</body>
</html

  • <!DOCTYPE html> : Declaration defines that this document is an HTML5 document
  • <html> : The element is the root element of an HTML page
  • <head>  The element contains meta information about the HTML page
  • <title> : shown in the browser's title bar or in the page's tab
  • <body> : The element defines the document's body, and is a container for all the visible contents, such as images, headings, paragraphs, images, hyperlinks,section ,grid ,ul, tables, lists, etc.
  • <h1> : The element defines a large heading
  • <p> : The element defines a paragraph


HTML Example with Notepad

Step 1. 

Open a note on a computer running the Windows operating system, you'll usually use Notepad, or Notepad++ whereas macOS users will use TextEdit and ChromeOS users will use Text:

  • Windows - Open Start and type in notepad,  and click Notepad  at the top of the window.



Step 2.

Open your notepad file and write this code like as given 

 <!DOCTYPE html>
  <html>
     <head>
      <title>This is page title section</title>
    </head>
   <body>
      <h1>This is Heading Section</h1>
     <h2>This is heading section which text less then h1</h2>
      <p>This is Paragraph Section</p>
     <div>This is div section</div>
   </body>
  </html


Step 3.

Now, you need to save this file as .html extention.

  • Click File. It's in the menu bar at the top of the screen.


  • Click Save as. It's in the drop-down menu below "File".

Alternatively, you can press Ctrl+S (Windows) 

Change the document's file type: You  need to change the document from a text file to an HTML file(.html) like as given below.


Step 4.

After save notepad file in .html.Open index.html file from your save location when you open your index.html file you will see.

Output