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
Amina's Recipes
Simple dishes for busy days
Beans and rice
Vegetable stew
- Marker 1: Tab: one open page
- Marker 2: Address bar
- Marker 3: Back, forward and reload
- Marker 4: Bookmarks
- Marker 5: Downloads
- Marker 6: The web page itself
- Marker 7: Menu and settings
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.
Typing an address or searching
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.
- Browser goes straight to the site
- No search engine involved
- A spelling mistake takes you to the wrong place
Fast if you know the address
- Browser asks the search engine
- You get a list of results
- Choose the result with care
Best when you do not know the address
Read this figure as text
Two columns showing what the browser does when you type a web address and when you type ordinary words.
Two columns. Left, titled You type an address, for example example.com: the browser goes straight to that website; the search engine is not involved; check the spelling carefully. Right, titled You type words, for example weather in Mombasa: the browser sends your words to the search engine; the search engine shows a list of results; you then choose one to visit and should be careful which result you open.
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.
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
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.
Step 2: Go to an address
Press Ctrl+L to select the address bar, type
example.comand press Enter.You should see: A plain page titled Example Domain appears, and the address bar shows https://example.com/.
Step 3: Open and close tabs
Press Ctrl+T, then type
example.organd 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.
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.
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.
Microsoft Edge on Windows 11
Step 1: Open Edge
Click the Edge icon on the taskbar, or open Start and type Edge.
You should see: A browser window opens on a start page.
Step 2: Go to an address
Press Ctrl+L, type
example.comand press Enter.You should see: A plain page titled Example Domain appears, and the address bar shows https://example.com/.
Step 3: Open and close tabs
Press Ctrl+T, then type
example.organd 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.
Step 4: Save a favourite
Go back to the first tab and press Ctrl+D, then click Done. Edge calls bookmarks Favourites. Press Ctrl+Shift+O to open the Favourites manager.
You should see: The star in the address bar is filled in, and the page appears in your list.
Step 5: Check updates
Click the three dots (Settings and more), choose Settings, then About Microsoft Edge.
You should see: The page shows the version and either says Microsoft Edge is up to date or downloads an update. Restart Edge if it asks you to.
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.
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.
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.
Knowledge check
6 questions. You need 80% to pass. Mistakes here are part of learning, and you can retry as often as you like.
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.
- Firefox Support (Mozilla)
- Microsoft Edge help and learning (Microsoft)
- Google Chrome Help (Google)