# Browser Navigation

> The example below explains how to open a web page and navigate back and forward through
pages. It presents activities such as [Navigate To](https://docs.uipath.com/activities/other/latest/ui-automation/navigate-to), [Go Forward](https://docs.uipath.com/activities/other/latest/ui-automation/go-forward), and [Go Back](https://docs.uipath.com/activities/other/latest/ui-automation/go-back). You can find these
activities in the **UiPath.UIAutomation.Activities** package.

The example below explains how to open a web page and navigate back and forward through
pages. It presents activities such as [Navigate To](https://docs.uipath.com/activities/other/latest/ui-automation/navigate-to), [Go Forward](https://docs.uipath.com/activities/other/latest/ui-automation/go-forward), and [Go Back](https://docs.uipath.com/activities/other/latest/ui-automation/go-back). You can find these
activities in the **UiPath.UIAutomation.Activities** package.

This is how the automation process can be built:

1. Open Studio and create a new
   **Process**.
2. Drag a **Sequence** container in
   the **Workflow Designer**.
3. Add an **Open Browser**
   activity inside the **Sequence** container.
   * Add the expression
     `"https://www.name-generator.org.uk/quick/"` in the
     **Url** field.
   * Open Internet Explorer and
     navigate to https://www.name-generator.org.uk/quick/.
4. Select the **Do** container of
   the **Open Browser** activity and create the following variables:

   | Variable Name | Variable Type | Default Value |
   | --- | --- | --- |
   | `RandomName` | **GenericValue** |  |
   | `nameHash` | **GenericValue** |  |
5. Add a **Highlight** activity
   inside the **Do** container of the **Open Browser** activity.
   * Inside the activity, click
     **Indicate element inside browser**, and then select a name from
     the web page. The GIF below shows all the steps you need to follow:

     ![docs image](https://dev-assets.cms.uipath.com/assets/images/activities/activities-docs-image-179212-10be4507.gif)
6. Add a **Get Text** activity
   below the **Highlight** activity.
   * Inside the activity, click
     **Indicate element inside browser**, and then select the same name as
     in the previous step. The GIF below shows all the steps you need to follow:

     ![docs image](https://dev-assets.cms.uipath.com/assets/images/activities/activities-docs-image-WebNav-2-927ab88b.gif)
   * In the **Properties**
     panel, add the variable `randomName` in the **Value**
     field.
7. Add a **Navigate To** activity
   below the **Get Text** activity.
   * Add the expression
     `"http://www.miraclesalad.com/webtools/md5.php"` in the
     **Url** field.
   * In Internet Explorer,
     navigate to http://www.miraclesalad.com/webtools/md5.php.
8. Add a **Type Into** activity
   below the **Navigate To** activity.
   * Add the variable
     `randomName` in the **Text** field.
   * Inside the activity, click
     **Indicate element inside browser**, and then select the String
     text box. The GIF below shows all the steps you need to follow:

     ![docs image](https://dev-assets.cms.uipath.com/assets/images/activities/activities-docs-image-178808-0f454e92.gif)
9. Add a **Highlight** activity
   inside the **Do** container of the **Open Browser** activity.
   * Inside the activity, click
     **Indicate element inside browser**, and then select the
     displayed MD5 hash. The GIF below shows all the steps you need to
     follow:

     ![docs image](https://dev-assets.cms.uipath.com/assets/images/activities/activities-docs-image-178247-032b2c34.gif)
10. Add a **Get Text** activity
    below the **Highlight** activity.
    * Inside the activity, click
      **Indicate element inside browser**, and then select the displayed
      MD5 hash. The GIF below shows all the steps you need to follow:

      ![docs image](https://dev-assets.cms.uipath.com/assets/images/activities/activities-docs-image-WebNav-5-529201c5.gif)
    * In the **Properties**
      panel, add the variable `nameHash` in the **Value** field.
11. Add a **Message Box** activity
    below the **Get Text** activity.
    * Add the following expression
      in the **Text** field: `"MD5 Hash for '" + randomName + "' is '" +
      nameHash + "'"`.
12. Add a **Highlight** activity
    below the **Message Box** activity.
    * Inside the activity, click
      **Indicate element inside browser**, and then select the browser
      Back button. The GIF below shows all the steps you need to follow:

      ![docs image](https://dev-assets.cms.uipath.com/assets/images/activities/activities-docs-image-178243-4d93e7b0.gif)
13. Add a **Go Back** activity
    below the **Highlight** activity.
    * In Internet Explorer, go back
      to https://www.name-generator.org.uk/quick/.
14. Add a **Highlight** activity
    below the **Message Box** activity.
    * Inside the activity, click
      **Indicate element inside browser**, and then select another name.
      You can follow the instructions explained in the GIF at step 5.
15. Add a **Get Text** activity
    below the **Highlight** activity.
    * Inside the activity, click
      **Indicate element inside browser**, and then select the same name as
      in the previous step. The GIF below shows all the steps you need to follow:

      ![docs image](https://dev-assets.cms.uipath.com/assets/images/activities/activities-docs-image-WebNav-8-45389205.gif)
    * In the **Properties**
      panel, add the variable `randomName` in the **Value**
      field.
16. Add a **Go Forward** activity
    below the **Highlight** activity.
    * In Internet Explorer, go
      forward to http://www.miraclesalad.com/webtools/md5.php.
17. Add a **Type Into** activity
    below the **Go Forward** activity.
    * Add the variable
      `randomName` in the **Text** box.
    * Inside the activity, click
      **Indicate element inside browser**, and then select the String text
      box. You can follow the instructions explained in the GIF at step 8.
18. Add a **Highlight** activity
    below the **Type Into** activity.
    * Repeat the instructions from
      step 9.
19. Add a **Get Text** activity
    below the **Highlight** activity.
    * Repeat the instructions from
      step 10.
20. Add a **Message Box** activity
    below the **Get Text** activity.
    * Repeat the instructions from
      step 11.
21. Add a **Close Window** activity
    below the **Message Box** activity.
22. Run the process for opening a
    browser, navigating back and forward between pages, and displaying information from
    the pages.

[Download example](https://docexamples.uipath.com/examples/Activities/Webpage%20Navigation%20-%20Example.zip)