In this tutorial we are going know about how to create a website using html on notepad step by step. A collection of web pages which are grouped together and usually connected together in various ways called website.
the question is how to create a web page using html and CSS so first we need to understand what is web page so answer is A web page (or webpage) is a hypertext document on the World Wide Web.
Before we start how to create a website using html on notepad first understand what is webpage and website. A webpage is a part of a website; it means a website contains different web pages. A document which can be displayed in a web browser such as Firefox, Google Chrome, Opera, Microsoft Internet Explorer or Edge, or Apple’s Safari.
The core element of a web page is a text file written in the Hypertext Markup Language (HTML) Also learn (how to create a hyperlink)that describes the content of the web page and includes references to other web resources. The ideas of a web page and a website are especially easy to confuse for a website that contains only one web page.
Such a website is sometimes called a single-page website. A website has a unique domain name, and we can access it by entering that domain name in the URL. It can contain information for a single entity, such as currently viewing a web page containing information about this page only
how to create a website using html in notepad step by step first we need to pick professional HTML editors as Web pages can be created and modified by using professional html notepad.
For this tutorial, I will be using notepad html. Alternatively, you can use atom text editor or Sublime Text just for you information Atom and notepad++ are free editor.
How to create a website using html in notepad
How to create a website using html in notepad you need to below the four steps below to create your first web page create in html.
- Open Notepad (Windows)
- Create a New Document
- Write Some HTML code or Program
- Save the HTML Page
- View the HTML Page using Browser
- Congratulations if you are able to run your first HTML Program.
How to Create a website using html on notepad Step by Step
Step 1 : Open Notepad++ using below steps
Windows 8 or Later:
- Open the Start Screen search box (Type here to search). Type Notepad++.
Windows 7 or Earlier:
- Open Start > Programs > Accessories > Notepad
Step 2: Create a New File
Go to Notepad Menu: File > New
A New blank document will be opened and you can start writing your HTML Program on that.
Step 3: Add Some HTML Code
Write your own HTML code in notepad document. To insert Headings in HTML we have Six Tags for That. From H1 to H6.Where H6 Gives the Smallest Headline Font Size and H1 Gives the Biggest Headline Font Size.
You can copy this below code and use it on your editor and customize it if you already know something about website development.
Make sure you do it on your own, if you are trying for the first time then you should try it by yourself typing codes one by one.
html web page examples with source code in notepad
Also By using HTML’s IMG tag we can Insert Images in HTML. Here are list of object you can add in HTML Code.
Example of a HTML
- Headings and Paragraphs
- Adding Images in HTML
- Adding Background Image in HTML
- Adding Audio and Video Files
- Styling HTML Elements
This above structure is used to create any webpage using HTML or HTML5. So you just need to understand the structure first and then learn and manipulate the codes as per your requirements
Step 4: Save the HTML Page with HTML Extension
Go to Notepad Menu: File > Save (or use short-key CTRL + S)
It will ask you to Save the file on your computer. Give it a name with .html extension and set the encoding to UTF-8 (which is the preferred encoding for HTML files) moreover Save it (for example Newfile.html)
Step5: Open HTML Page using Any Browser
how to run html program in notepad so first open the saved HTML file in your favorite browser (double click on the file, or right-click – and choose “Open with”).
Congratulations know you know how to make a website using html in notepad in windows 10
The result will look much like this:
How to create an html website using notepad
how to create an html website using notepad you need to below the four steps below to create your first web page with Notepad.
- Open Notepad (Windows)
- Create a New Document
- Write Some HTML code or Program
- Save the HTML Page
- View the HTML Page using Browser
- Congratulations if you are able to run your first HTML Program
How to save HTML File
Choose File > Save As and choose HTML from the drop-down list.
Give the filename an extension of .html, specify the file location, and click Save. The converted file is saved where you specified.
Open the HTML file in a Web browser to examine the converted file. If it meets with your approval, you are done.
