What you need to start building a web page

A web page is a text file written in a language called HTML (HyperText Markup Language) that a browser reads and displays. You do not need special software or coding experience to start. You need three things: a text editor (the one built into your computer works fine), a browser to see your work, and a place to save your file with a .html extension instead of .txt.

The simplest path is to open Notepad on Windows, TextEdit on Mac, or gedit on Linux. Type your HTML code directly into it. Save the file as something like "mypage.html" on your desktop. Then double-click that file and it opens in your browser as a web page. That is the entire process for creating a page that lives on your computer.

If you want other people to see your page on the internet, you will need web hosting (a company that stores your files on a server) and a domain name (the address people type in). Those cost money and come later. For now, focus on understanding how HTML works and building pages locally.

Key Takeaways

  • A web page is an HTML text file that your browser reads and displays, and you can create one with any text editor and save it with a .html extension.
  • HTML uses tags in angle brackets like <p> and </p> to tell the browser what each piece of content is — a paragraph, a heading, a link, an image.
  • Every HTML page needs a basic structure: an opening <!DOCTYPE html>, a <head> section with a title, and a <body> section with your visible content.
  • You can test your page by saving it as a .html file and opening it in your browser, and you can edit it anytime by opening the file in your text editor again.
  • To put your page on the internet, you will need web hosting and a domain name, but you can build and test everything locally first without spending money.

The basic structure every web page needs

Every HTML page starts with the same skeleton. The first line tells the browser this is HTML5 (the current standard): <!DOCTYPE html>. Then comes the opening <html> tag and the closing </html> tag at the very end. Everything else goes between them.

Inside the html tags, you have two main sections. The <head> section contains information about the page that the browser needs but the visitor does not see on screen — like the page title that appears in the browser tab. The <body> section contains everything the visitor sees: text, images, links, buttons, and all the rest.

Here is a minimal working page:

<!DOCTYPE html> <html> <head> <title>My First Page</title> </head> <body> <h1>Welcome</h1> <p>This is my first web page.</p> </body> </html>

Type this exactly into your text editor, save it as "mypage.html", and open it in your browser. You will see "Welcome" as a large heading and "This is my first web page." as regular text below it. The title "My First Page" appears in the browser tab.

HTML tags: how to tell the browser what things are

HTML works by wrapping content in tags. A tag is a word or abbreviation inside angle brackets. Most tags come in pairs: an opening tag like <p> and a closing tag like </p>. The closing tag has a forward slash. Everything between them is that type of content.

<p> means paragraph. <h1> through <h6> are headings, with h1 being the largest and most important. <strong> makes text bold. <em> makes text italic. <a> creates a link. <img> displays an image. <ul> starts a bulleted list, <ol> starts a numbered list, and <li> marks each item.

Here is a page with several common tags:

<!DOCTYPE html> <html> <head> <title>About Me</title> </head> <body> <h1>My Interests</h1> <p>I enjoy <strong>reading</strong> and <em>hiking</em>.</p> <h2>Favorite Books</h2> <ul> <li>The Hobbit</li> <li>Dune</li> <li>Neuromancer</li> </ul> <p>Visit <a href="https://example.com">my blog</a> for more.</p> </body> </html>

Notice the link tag: <a href="https://example.com">my blog</a>. The href part (short for "hypertext reference") tells the browser where to go when someone clicks the link. The text between the opening and closing tags is what the visitor sees and clicks on.

Adding images to your page

The image tag is <img>, and it works differently from most tags because it does not have a closing tag. Instead, it closes itself. The tag needs two pieces of information: the src (source, the path to the image file) and alt (alternative text that describes the image for people who cannot see it).

If you have an image file called "photo.jpg" in the same folder as your HTML file, you would write: <img src="photo.jpg" alt="A photo of my dog">. The browser finds the image file and displays it on the page. If the image is in a subfolder called "images", you would write: <img src="images/photo.jpg" alt="A photo of my dog">.

You can also link to images on the internet by using the full web address: <img src="https://example.com/photo.jpg" alt="A photo of my dog">. However, if that website goes down or removes the image, your page will show a broken image icon instead. Storing images in your own folder is more reliable.

Testing your page as you build it

The workflow is simple: open your HTML file in a text editor, make changes, save the file, then switch to your browser and refresh the page (usually Ctrl+R on Windows or Command+R on Mac). The browser reloads your updated file and you see the changes immediately.

If something does not look right, check for common mistakes: make sure every opening tag has a matching closing tag, make sure tag names are spelled correctly, and make sure you saved the file after making changes. If the page looks completely blank or shows raw HTML code instead of formatted content, you probably saved it as a .txt file instead of a .html file. Delete it and save again with the .html extension.

Your browser also has developer tools that show you errors. Right-click anywhere on your page and select "Inspect" or "Inspect Element". A panel opens at the bottom showing the HTML code and any warnings or errors the browser found. This is helpful when something is not working the way you expected.

Moving your page to the internet

Once your page works locally on your computer, putting it on the internet requires two separate purchases: a domain name (the address people type, like "mysite.com") and web hosting (a company that stores your files on a server that runs 24/7).

Companies like GoDaddy, Namecheap, and Google Domains sell domain names, usually for $10 to $15 per year. Companies like Bluehost, SiteGround, and Hostinger sell web hosting, usually for $3 to $15 per month depending on how much storage and traffic you need. Some hosting companies also sell domains, so you can buy both in one place.

After you buy hosting, the company gives you instructions for uploading your HTML files to their server. Most use a tool called FTP (File Transfer Protocol) or a web-based file manager. You connect to the server, navigate to the folder called "public_html" or "www", and drag your HTML files there. Once uploaded, anyone can visit your page by typing your domain name in their browser.

Frequently Asked Questions

Do I need to know programming to create a web page?

No. HTML is a markup language, not a programming language. You are not writing instructions that make decisions or perform calculations. You are labeling content so the browser knows what it is. If you can follow a recipe, you can write HTML.

Can I use Microsoft Word or Google Docs to create a web page?

Both programs can save files as HTML, but the code they generate is messy and includes a lot of extra formatting that makes the file larger and slower. For learning and for simple pages, use a plain text editor. Once you are comfortable, you can try code editors like Visual Studio Code or Sublime Text, which are free and designed specifically for writing code.

What is the difference between a web page and a website?

A web page is a single HTML file. A website is a collection of web pages linked together. You can create a website by making multiple HTML files and linking them with the <a> tag. For example, you might have "index.html" (your home page), "about.html", and "contact.html", with links between them.

Can I edit my page after I upload it to the internet?

Yes. You edit the HTML file on your computer, save it, then upload the updated version to your hosting server using FTP or the file manager. The changes appear on the internet within seconds. You can update your page as often as you want.

What if I want my page to look more professional?

HTML controls structure and content. To control colors, fonts, spacing, and layout, you use CSS (Cascading Style Sheets). CSS is a separate language that works alongside HTML. Once you are comfortable with basic HTML, learning CSS is the next step to making pages look polished and professional.