A website is simply a collection of web-pages. A web page or web documents written in
HTML (HyperText Markup Language)
. These Web pages can be viewed using any web browser and Internet.Html Language is used to write code and programs to create a webpage. It is easy to create a webpage and you can learn it with few basic steps mentioned below:
Copy and Paste the following Into Notepad OR Your website HTML Editor. Alert('Your text here') alert('Your text here') The text in blue is what. To insert a photo in HTML using notepad, we have to use HTML's IMG tag. Which will allow us to insert Images inside our HTML Document. For inserting a photo in HTML using notepad, we have to put our Image file's path, inside our IMG tag's SRC attribute. Example: how to insert a photo in HTML using notepad Images in HTML.
HTML Program or page can be created by many HTML or Text Editors. These editors are software that help us writing our code with easy user interface. Today, we will see how to create a html or webpage using Notepad Editor.
Step 3: Save the HTML Page. Save the file on your computer. Select File Save as in the Notepad menu. Name the file 'index.html' and set the encoding to UTF-8 (which is the preferred encoding for HTML files). NOTE: You can use either.htm or.html as file extension. There is no difference, it is up to you. How to Create an HTML File using Notepad. To Create HTML File using Notepad, You need to create a Blank file. (Which automatically created when you Launch the Notepad Application or your can Click the File menu from the Top-Left-Corner and Select New from there. This will Open a New Blank File For you) After that Write your HTML Code inside the.
Notepad editor is built-in text editor in Windows Computers. You can find similar editors in Mac and Linux Operating system as well.
There are many advanced HTML editor or software are also available. However, we will recommend using default and simple editor like notepad for the beginners. That is always a good way to start learning HTML.
Creating a Simple HTML Page using Notepad Editor
Follow the four steps below to create your first web page with Notepad.
Step 1: Open Notepad (Windows)
Windows 8 or later:
Open the Start Screen and Search (Type Notepad)
Open the Start Screen and Search (Type Notepad)
Windows 7 or previous Windows:
Open Start > Programs > Accessories > Notepad
Step 2: Create a New Document
Go to Notepad Menu:
File > New
A New blank document will be opened and you can start writing your first HTML Program here.
Step 3: Write Some HTML code or Program
Write some HTML code. If you do not know about HTML Yet, read few chapters in HTML Tutorials Section.
Write your own HTML code or simply copy the following HTML Simple Program into notepad document.
Step 4: Save the HTML Page
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 Save it (for example program.html)
Note: HTML page should be saved with
.html
extension carefully.Step 5: View the HTML Page using Browser
Web browsers are programs or software that are used to view Webpages/Websites. You can find Internet Explored by default if using Windows Computer machine. You can also download other popular web browsers such as Google Chrome or Firefox. Use any of them.
Now Simply, open the saved HTML file in any browser:
Double click on the file or right-click on the file and choose “Open with” option to select other browser.
Double click on the file or right-click on the file and choose “Open with” option to select other browser.
You HTML File will be opened in web browser and it will show output based on your html program.
Congratulations if you are able to run your first HTML Program.
You can now learn more about HTML Tags and create more HTML web pages. Using these HTML Pages, you can easily create your own website as well.
Tutorials |
---|
No Content Found. |
Notepad++
Exercises & Assignments |
---|
Steps to Create a Webpage in HTML using Notepad |
Write an HTML program to display hello world. |
Using Notepad For Html Page
Interview Questions & Answers |
---|
No Content Found. |