The Academy

Loading the search index…

Searches the academy on this device only.

How a web browser works for you

Learn the parts of a browser window, the difference between the address bar and a search engine, how tabs, bookmarks and downloads work, and what happens between typing an address and seeing a page.

25 minbeginnerUbuntu/LinuxWindowsPractical task needs a laptop or desktop

Marking a lesson as read does not prove you can do it. Skills count as demonstrated when you pass the quiz (not yet) and complete the practical tasks (not yet).

By the end of this lesson you will be able to

  • Name the main parts of a browser window: tabs, address bar, toolbar buttons and page area.
  • Explain the difference between a browser and a search engine.
  • Type a web address or a search into the address bar and know which you are doing.
  • Save a bookmark and find a downloaded file.
  • Describe in order what a browser does when it loads a page, and check that it is up to date.

Almost everything you will do online starts in a web browser: reading news, banking, studying, sending email or watching a video. A browser is a program like any other, but it is also the doorway to the whole internet, so it pays to understand it. In this lesson you will learn what each part of the window does, how to move between pages quickly and how to keep the browser itself safe and up to date.

A browser is not a search engine

A Browser is a program installed on your computer that fetches web pages and shows them to you. Firefox, Google Chrome and Microsoft Edge are browsers. A search engine is a website that helps you find other websites, such as Google, Bing or DuckDuckGo. Many beginners mix them up and say they are going on Google when they mean the browser. The difference matters: if the browser breaks, you fix or reinstall the program; if a search gives poor results, you try different words or a different search engine.

Think of the browser as a car and the web as the road network. A search engine is a map service that tells you where to go. You can drive without asking the map service, if you already know the address.

Ubuntu 24.04 comes with Firefox. Windows 11 comes with Microsoft Edge. You can also install Chrome or others. All modern browsers work in the same way, and the keyboard shortcuts in this lesson work in all three unless a note says otherwise.

The parts of a browser window

Simulated interface: not a real screenshot

A simulated browser window with its main parts numbered.

https://www.example.com/recipes
BackForwardReloadBookmarksDownloadsMenu

Amina's Recipes

Simple dishes for busy days

Beans and rice

Vegetable stew

  1. Marker 1: Tab: one open page
  2. Marker 2: Address bar
  3. Marker 3: Back, forward and reload
  4. Marker 4: Bookmarks
  5. Marker 5: Downloads
  6. Marker 6: The web page itself
  7. Marker 7: Menu and settings
A simulated browser window with its main parts numbered.
Read this figure as text

A simulated web browser window showing a tab, address bar, toolbar buttons and the page area.

A simulated browser window. Marker 1 is the tab strip at the top; each tab is one open page and the tab shown is titled Amina's Recipes. Marker 2 is the address bar showing https://www.example.com/recipes. Marker 3 is the toolbar with the Back, Forward and Reload buttons. Marker 4 is the bookmark star and bookmarks button for saving pages. Marker 5 is the downloads button, which lists files you have downloaded. Marker 6 is the page area where the web page is shown. Marker 7 is the menu button at the right of the toolbar, which opens settings. Real browsers look different but have all these parts.

  • {{browser-tab|Tabs}}. Each tab holds one web page, like a sheet of paper in a ring binder. You can have many open and click between them. Ctrl+T opens a new tab, Ctrl+W closes the current one and Ctrl+Shift+T brings back the tab you just closed by mistake. Ctrl+Tab moves to the next tab.
  • {{address-bar|Address bar}}. It shows the web address of the page you are on. You can click in it, or press Ctrl+L, to type somewhere new.
  • Back, Forward and Reload. Back returns to the previous page, Forward goes the other way and Reload fetches the page again. If a page looks stuck or old, try Reload (F5 or Ctrl+R).
  • {{bookmark|Bookmarks}}. A bookmark is a saved link to a page you want to find again. Press Ctrl+D to save the current page.
  • Downloads. When you save a file from the web, the browser keeps a list of it. By default the file goes into your Downloads folder.
  • Menu. The three lines or three dots at the right open settings, history, help and more.

Most browsers use one box for two jobs. If you type something that looks like a web address, such as example.com, the browser goes straight to that site. If you type ordinary words, such as cheap bus tickets nairobi, the browser sends them to your default search engine and shows the results. If the browser guesses wrongly, check what you typed. A missing dot or a space can turn an address into a search.

What happens when you load a page

When you press Enter on an address, your browser does several jobs in a fraction of a second. First it needs the numeric IP address of the site, so it asks a DNS server to look up the name. Then it opens a secure connection (HTTPS) to the Web server at that address. It asks for the page, and the server sends back the page's HTML text. The browser reads that text and then asks for the other parts that the page needs, such as pictures and style files, and finally draws the page on your screen.

Diagram

The steps a browser takes between pressing Enter and seeing the page.

Your browserDNS serverWeb server1Where is www.example.com?2It is at 203.0.113.103Secure connection, then: please send the page4Here is the page (HTML)5Now send the pictures and styles6Pictures and styles
The steps a browser takes between pressing Enter and seeing the page.
Read this figure as text

A sequence diagram with the browser, a DNS server and a web server, showing the lookup, the request and the reply.

A sequence with three actors: Your browser, a DNS server and the web server. Step 1: you type www.example.com and press Enter. Step 2: the browser asks the DNS server for the address of www.example.com. Step 3: the DNS server replies with the IP address 203.0.113.10, a documentation address used for examples. Step 4: the browser opens a secure HTTPS connection to the web server and asks for the page. Step 5: the web server sends back the page, in HTML. Step 6: the browser asks for the pictures and styles and draws the page.

If any step fails, you see an error. The message This site can't be reached (Chrome and Edge) or Hmm. We're having trouble finding that site (Firefox) usually means the name could not be looked up. The cause is often a typing mistake, or your internet connection being down. A message about the connection not being private is a different problem, which the third lesson of this module explains.

Bookmarks and downloads in practice

Try the main browser actions

Firefox on Ubuntu 24.04

  1. Step 1: Open Firefox

    Click the Firefox icon in the dock, or open Activities and type Firefox.

    You should see: A browser window opens on a start page.

  2. Step 2: Go to an address

    Press Ctrl+L to select the address bar, type example.com and press Enter.

    You should see: A plain page titled Example Domain appears, and the address bar shows https://example.com/.

  3. Step 3: Open and close tabs

    Press Ctrl+T, then type example.org and press Enter. Then press Ctrl+W to close that tab, and Ctrl+Shift+T to bring it back.

    You should see: A second tab opens, closes and reappears.

  4. Step 4: Save a bookmark

    Go back to the first tab and press Ctrl+D. In the small window click Save.

    You should see: The star in the address bar turns blue. Press Ctrl+Shift+O to open the Library window and find your bookmark.

  5. Step 5: Check updates

    Open the menu (three lines), choose Help, then About Firefox.

    You should see: A window shows the version number. On Ubuntu, Firefox is delivered as a snap package and updates automatically in the background. App Center also lists updates.

To find a downloaded file, click the Downloads button on the toolbar, or press Ctrl+J in Edge and Chrome (Ctrl+Shift+Y in Firefox). The list shows each file and lets you open it or show the folder it is in. Before you open any file from the internet, ask yourself: did I mean to download this, and do I trust where it came from? Documents (PDF files) and pictures are usually safe from sources you trust. Programs and unexpected files need more care. Installing programs is covered in Module 8.

Common mistakes

  • βœ– Instead of: Thinking that Google and the browser are the same thing.

    βœ” Do this: A browser shows websites. A search engine is one website that helps you find others.

  • βœ– Instead of: Searching for your bank's name and clicking the first result, which may be an advert.

    βœ” Do this: Type the address you were given once and bookmark it.

  • βœ– Instead of: Opening a dozen tabs and losing track of them.

    βœ” Do this: Close tabs when finished. Use bookmarks for pages you want to keep.

  • βœ– Instead of: Clicking 'later' on browser updates for weeks.

    βœ” Do this: Restart the browser when it asks. Check About in the menu if you are unsure.

If something goes wrong

A page says 'This site can't be reached' or 'Hmm. We're having trouble finding that site'.
Check the spelling of the address, then check that other sites load. If none load, the problem is your internet connection (see the networking and troubleshooting modules). If only one site fails, it may be down; try again later.
The page looks old or broken.
Press F5 or Ctrl+R to reload. If it is still wrong, press Ctrl+Shift+R (a hard reload) to ignore stored copies of the page.
I cannot find the file I downloaded.
Open the downloads list from the toolbar (Ctrl+J in Edge and Chrome, Ctrl+Shift+Y in Firefox) and choose Show in folder, or open the Downloads folder in Files or File Explorer.
A new tab or home page keeps changing to a search site I do not know.
Open the browser Settings and set your home page and default search engine back. Check Extensions for any you do not recognise and remove them. The next lessons explain extensions.

Key terms

Browser
An application for visiting and viewing websites.
search engine
A search engine is a website that keeps a huge index of web pages and shows you the ones that best match the words you type.
browser tab
A browser tab is one web page open inside the browser window, shown as a small label along the top.
address bar
The address bar is the box at the top of a browser where you type a web address or a search and where the current address is shown.
bookmark
A bookmark is a saved shortcut to a web page so that you can return to it without searching again.

Practise it for real

Reading is not the same as being able to do it. Complete these on your own computer, then tick only what you have actually done. These ticks are your own honest record: nothing checks them for you.

Guided exerciseNeeds a laptop or desktop

A tour of your browser

Open your browser. Go to example.com by typing the address, then search for the words 'what is a web browser' and note the difference in what appears. Open three tabs, close one and bring it back with Ctrl+Shift+T. Bookmark example.com. Open the downloads list and note where the browser saves files. Finally check the browser version and whether it is up to date.

You have succeeded when:
Independent challenge

Challenge: explain it to someone else

Without looking at the lesson, explain aloud to a friend or write down in your own words: (a) the difference between a browser and a search engine, (b) the order of what happens when you load a page, and (c) three keyboard shortcuts you now use. Then check yourself against the lesson.

You have succeeded when:

Knowledge check

6 questions. You need 80% to pass. Mistakes here are part of learning, and you can retry as often as you like.

  1. Question 1.Which statement is correct?
  2. Question 2.Match each browser part to its job.
  3. Question 3.Put the steps in the order a browser takes when you press Enter on a web address.
    1. Request the page
    2. Draw the page on the screen
    3. Receive the HTML and fetch pictures and styles
    4. Ask DNS for the server's IP address
    5. Open a secure connection to the web server
  4. Question 4.It is fine to ignore browser updates because they only change the look of the program.
  5. Question 5.Joseph types savings club kenya into the address bar and presses Enter. The browser shows a list of results instead of opening a site.Why did that happen?
  6. Question 6.You closed a tab by accident. Which shortcut brings it back?

Summary

  • A browser is a program; a search engine is a website.
  • The address bar takes an address or a search. Tabs hold pages, bookmarks save them and the downloads list tracks files.
  • Loading a page means DNS lookup, secure connection, request, reply and drawing the page.
  • Bookmark important sites and use the bookmark, not a search result.
  • Keep the browser updated and restart it when asked.

Checklist: can you do these?

Marking a lesson as read does not prove you can do it. Skills count as demonstrated when you pass the quiz (not yet) and complete the practical tasks (not yet).

Related lessons

References and further reading

Official sources for details that can change between versions.

On this page